Firebase setup for Flutter - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Understanding Firebase Initialization in Flutter

What is the correct way to initialize Firebase in a Flutter app before using any Firebase services?

A Call WidgetsFlutterBinding.ensureInitialized() then await Firebase.initializeApp() inside main() before runApp().

B No need to initialize Firebase explicitly; it initializes automatically when first used.

C Call Firebase.initializeApp() after runApp() in main().

D Directly call Firebase.initializeApp() inside the build() method of the main widget.

💡 Hint

Think about what must happen before the app UI builds and before Firebase services are used.

Firebase must be initialized before the app UI starts. Calling WidgetsFlutterBinding.ensureInitialized() ensures Flutter is ready, then await Firebase.initializeApp() sets up Firebase. This must happen before runApp().

❓ ui_behavior

intermediate

Firebase Authentication UI Behavior

After setting up Firebase Authentication in Flutter, what happens if you try to sign in a user with an incorrect password using FirebaseAuth.signInWithEmailAndPassword()?

A The app crashes with an unhandled exception.

B The method returns null silently without error.

C The method throws a FirebaseAuthException with code 'wrong-password'.

D The method signs in the user anyway ignoring the password.

💡 Hint

Think about how FirebaseAuth reports errors for failed sign-in attempts.

FirebaseAuth throws a FirebaseAuthException with a specific error code like wrong-password when sign-in fails due to incorrect password. This allows the app to handle errors gracefully.

❓ lifecycle

advanced

Firebase App Lifecycle and Hot Reload

When using Flutter with Firebase, what happens to the Firebase initialization state when you perform a hot reload during development?

A Firebase remains initialized; hot reload preserves the Firebase app instance.

B Firebase reinitializes automatically on every hot reload.

C Firebase initialization is lost and causes runtime errors after hot reload.

D Hot reload is disabled when Firebase is used.

💡 Hint

Consider how Flutter hot reload preserves state and variables.

Flutter hot reload preserves the app state including initialized Firebase instances. This means Firebase does not reinitialize on hot reload, allowing faster development without losing Firebase connection.

❓ navigation

advanced

Navigating After Firebase Authentication

In a Flutter app using Firebase Authentication, which approach correctly navigates to the home screen only after a successful sign-in?

A Call Navigator.pushReplacement before calling signInWithEmailAndPassword().

B Use Navigator.pushReplacement inside the sign-in success callback after await signInWithEmailAndPassword().

C Navigate to home screen in the build() method regardless of authentication state.

D Use Navigator.pop() to go to home screen after sign-in.

💡 Hint

Think about when you know the user is signed in successfully.

You should navigate only after the sign-in completes successfully. Calling Navigator.pushReplacement inside the success callback ensures the user sees the home screen only when authenticated.

📝 Syntax

expert

Correct Firebase Initialization Code Snippet

Which code snippet correctly initializes Firebase in Flutter with null safety and async main()?

A

void main() async {
  Firebase.initializeApp();
  runApp(MyApp());
}

B

void main() {
  await Firebase.initializeApp();
  runApp(MyApp());
}

C

Future<void> main() {
  WidgetsFlutterBinding.ensureInitialized();
  Firebase.initializeApp();
  runApp(MyApp());
}

D

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(const MyApp());
}

💡 Hint

Remember that main() must be async to await Firebase initialization and Flutter binding must be ensured.

The correct way is to make main() async, call WidgetsFlutterBinding.ensureInitialized() before awaiting Firebase.initializeApp(), then call runApp(). This ensures Flutter and Firebase are ready.

Practice

1. What is the first step to connect your Flutter app to Firebase?

easy

A. Add Firebase dependencies after running the app

B. Write Flutter UI code

C. Create a Firebase project in the Firebase console

D. Run the app without any setup

Solution

1. Step 1: Access Firebase Console

   You must first create a Firebase project in the Firebase console to get started.

2. Step 2: Prepare for Flutter integration

   After creating the project, you can download config files and add dependencies.

3. Final Answer:

   Create a Firebase project in the Firebase console -> Option C

4. Quick Check:

   First step = Create Firebase project [OK]

Hint: Start by creating a Firebase project online [OK]

Common Mistakes:

• Skipping Firebase project creation
• Trying to run app before setup
• Adding dependencies too late

2. Which file must be added to your Flutter Android app after creating a Firebase project?

easy

A. google-services.json

B. GoogleService-Info.plist

C. firebase-config.xml

D. firebase-settings.json

Solution

1. Step 1: Identify Android config file

   For Android apps, Firebase requires the google-services.json file.

2. Step 2: Add file to Android app folder

   This file must be placed in the android/app directory of your Flutter project.

3. Final Answer:

   google-services.json -> Option A

4. Quick Check:

   Android config file = google-services.json [OK]

Hint: Android uses google-services.json config file [OK]

Common Mistakes:

• Using iOS plist file for Android
• Misnaming the config file
• Placing file in wrong folder

3. What will happen if you forget to call Firebase.initializeApp() before runApp() in Flutter?

medium

A. App runs normally without Firebase

B. App crashes on build time

C. Firebase features work partially

D. App throws an error at runtime

Solution

1. Step 1: Understand Firebase initialization

   Firebase must be initialized before the app runs to set up services properly.

2. Step 2: Consequence of missing initialization

   If Firebase.initializeApp() is not called first, the app will throw a runtime error when Firebase is accessed.

3. Final Answer:

   App throws an error at runtime -> Option D

4. Quick Check:

   Missing initializeApp() = runtime error [OK]

Hint: Always initialize Firebase before runApp() [OK]

Common Mistakes:

• Calling initializeApp() after runApp()
• Assuming app runs without initialization
• Ignoring runtime errors

4. You added google-services.json but forgot to add the Firebase plugin in build.gradle. What is the likely result?

medium

A. Firebase services work fine anyway

B. Build fails with plugin not found error

C. App runs but Firebase features are disabled

D. App crashes only on iOS devices

Solution

1. Step 1: Role of Firebase plugin in build.gradle

   The Firebase plugin is required to process the config file and link Firebase SDK during build.

2. Step 2: Effect of missing plugin

   Without the plugin, the build system cannot find Firebase tasks, causing a build failure.

3. Final Answer:

   Build fails with plugin not found error -> Option B

4. Quick Check:

   Missing plugin = build failure [OK]

Hint: Add Firebase plugin in build.gradle to avoid build errors [OK]

Common Mistakes:

• Only adding config file without plugin
• Ignoring build errors
• Assuming plugin is optional

5. You want to support both Android and iOS in your Flutter app with Firebase. Which steps are required?

hard

A. Add google-services.json for Android and GoogleService-Info.plist for iOS, then initialize Firebase in main

B. Add only google-services.json and initialize Firebase in main

C. Add only GoogleService-Info.plist and initialize Firebase in main

D. Initialize Firebase in main without adding any config files

Solution

1. Step 1: Add platform-specific config files

   Android requires google-services.json and iOS requires GoogleService-Info.plist to connect to Firebase.

2. Step 2: Initialize Firebase in main function

   Call Firebase.initializeApp() before runApp() to set up Firebase services.

3. Final Answer:

   Add google-services.json for Android and GoogleService-Info.plist for iOS, then initialize Firebase in main -> Option A

4. Quick Check:

   Both config files + initialize = correct setup [OK]

Hint: Add both config files and initialize Firebase before runApp() [OK]

Common Mistakes:

• Adding only one platform's config file
• Forgetting to initialize Firebase
• Assuming config files auto-load