DEV Community

Keshav Prajapati
Keshav Prajapati

Posted on

White screen issue occurs ?. It could assist you while integrating Firebase with your Flutter app (Android).

These instructions can assist you if you are experiencing white screen issues when integrating your Flutter app with Firebase.
Go to :-
Project Folder/android/app/src/main/res/values

Now you have to find values.xml
if it is there then edit according to my steps as shown below or if it is now there just create values.xml (code is provided in last of this Post)

Image description

Required things :-
1.firebase_database_url (open firebase console and go to real time database and copy the url .

Image description

2.gcm_defaultSenderId (open firebase console and go project overview >> project setting >>cloud messaging >> senderId)

Image description

3.google_api_key (open goolgle_services.json , you will get it)
4.google_app_id (open goolgle_services.json , you will get it)
5.project_id (open goolgle_services.json , you will get it)
6.firebase_storage_bucket (open goolgle_services.json , you will get it)

Image description

value.xml code :-

<resources>
    <string name="firebase_database_url" translatable="false">Write your firebase_database_url</string>
    <string name="gcm_defaultSenderId" translatable="false">write your Sender id</string>
    <string name="google_api_key" translatable="false">write your google_api_key</string>
    <string name="google_app_id" translatable="false">write your google_app_id</string>
    <string name="project_id" translatable="false">write your project_id</string>
     <string name="firebase_storage_bucket">write your firebase_storage_bucket</string>
</resources>
Enter fullscreen mode Exit fullscreen mode

Hope these steps will works for you
Thank you :)

Top comments (0)