Realtime Database in Flutter - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

Realtime UI update with Firebase Realtime Database

You have a Flutter app connected to Firebase Realtime Database. Which code snippet correctly listens to changes in the 'messages' node and updates the UI in real time?

Flutter

final databaseRef = FirebaseDatabase.instance.ref('messages');

// Which widget code below updates UI on data changes?

A

FutureBuilder(
  future: databaseRef.onValue,
  builder: (context, snapshot) {
    if (!snapshot.hasData) return CircularProgressIndicator();
    final data = snapshot.data!.snapshot.value as Map<dynamic, dynamic>?;
    return ListView(
      children: data!.entries.map((e) => Text(e.value.toString())).toList(),
    );
  },
)

B

FutureBuilder(
  future: databaseRef.get(),
  builder: (context, snapshot) {
    if (!snapshot.hasData) return CircularProgressIndicator();
    final data = snapshot.data!.value as Map<dynamic, dynamic>?;
    return ListView(
      children: data!.entries.map((e) => Text(e.value.toString())).toList(),
    );
  },
)

C

StreamBuilder(
  stream: databaseRef.once().asStream(),
  builder: (context, snapshot) {
    if (!snapshot.hasData) return CircularProgressIndicator();
    final data = snapshot.data!.snapshot.value as Map<dynamic, dynamic>?;
    return ListView(
      children: data!.entries.map((e) => Text(e.value.toString())).toList(),
    );
  },
)

D

StreamBuilder(
  stream: databaseRef.onValue,
  builder: (context, snapshot) {
    if (!snapshot.hasData) return CircularProgressIndicator();
    final data = snapshot.data!.snapshot.value as Map<dynamic, dynamic>?;
    return ListView(
      children: data!.entries.map((e) => Text(e.value.toString())).toList(),
    );
  },
)

💡 Hint

Realtime updates require a stream, not a future.

StreamBuilder listens to the onValue stream for realtime updates. FutureBuilder only fetches data once.

🧠 Conceptual

intermediate

Understanding Firebase Realtime Database data structure

In Firebase Realtime Database, which data structure is recommended to store a list of chat messages to avoid issues with data ordering and scalability?

A Use nested maps with user IDs as keys and messages as values.

B Use a list (array) with numeric indexes as keys.

C Use a map with unique push IDs as keys for each message.

D Store all messages in a single string separated by commas.

💡 Hint

Firebase push IDs help keep data ordered and unique.

Using push IDs as keys creates unique, time-ordered keys that scale well and avoid overwriting.

❓ lifecycle

advanced

Managing Firebase Realtime Database listeners lifecycle

You add a listener to a Firebase Realtime Database reference in a Flutter StatefulWidget's initState. What is the best practice to avoid memory leaks?

A No need to remove listeners; Firebase handles it automatically.

B Remove the listener in the dispose method using cancel() on the StreamSubscription.

C Remove the listener in the build method after every build.

D Add the listener again in dispose to refresh it.

💡 Hint

Listeners consume resources and should be cleaned up.

Listeners should be cancelled in dispose to free resources and prevent memory leaks.

📝 Syntax

advanced

Correct syntax for writing data to Firebase Realtime Database

Which Flutter code snippet correctly writes a new message {'text': 'Hello'} to the 'messages' node using push()?

Flutter

final databaseRef = FirebaseDatabase.instance.ref('messages');

A databaseRef.push().set({'text': 'Hello'});

B databaseRef.set({'text': 'Hello'});

C databaseRef.push({'text': 'Hello'});

D databaseRef.update({'text': 'Hello'});

💡 Hint

push() creates a new unique child, set() writes data.

push() returns a new reference, then set() writes data at that location.

🔧 Debug

expert

Debugging Firebase Realtime Database permission error

Your Flutter app throws a permission denied error when trying to read data from Firebase Realtime Database. What is the most likely cause?

A The database rules do not allow read access to the requested path.

B The data does not exist at the requested path.

C The app is offline and cannot connect to Firebase.

D The Flutter app version is outdated.

💡 Hint

Check your Firebase Realtime Database rules in the console.

Permission denied errors usually mean the database rules block access for the current user or unauthenticated users.