DEV Community

Keshav Prajapati
Keshav Prajapati

Posted on

2

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 :)

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay