Blank screen when retrieve the data from Firebase

[rahsq]

Basically, I'm trying to retrieve data from Firebase Database and display it on a Listtile. I was expecting to get data stored in the database to be displayed in a Listitle, yet only a blank screen has shown. I don't understand where is the problem.

Main Steps:

1. Created the database reference.
2. Initialised the query.
3. Used FirebaseAnimatedList in the build function body.

Expected results:
Listtile with data retrieved from the database.

Actual results:
Blank page with no body components.

Data stored in the database:

I want to retrieve only the course name.

UPDATE:

I work on this project with a group and one of them has just implemented the code and it worked fine! I don't understand
why isn't working for me. I'm thinking it might be a problem in the Firebase connection, not sure.

Here is the code:

Class State:

class _ActivityStream extends State<ActivityStream> {
   Query courseTitle;
   @override
   void initState() {
   super.initState();
   courseTitle =
   FirebaseDatabase.instance.reference().child('course').child('name');
  }

Widget:

Widget _asListFirebase({Map list}) {
return Card(
    child: Padding(
        padding: const EdgeInsets.all(25.0),
        child: Column(children: <Widget>[
          ListTile(
            title: Text(
              list['name'],
              style: TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                  height: 2,
                  color: Colors.deepPurple),
            ),
            subtitle: Text(
              list['name'] + '\n' + list['name'],
              style: TextStyle(height: 1.5, fontStyle: FontStyle.italic),
            ),
            trailing: Text('Date'),
            leading: Icon(
              Icons.campaign_sharp,
              size: 30,
            ),
            isThreeLine: true,
          ),
        ])));
  }`

Build Function:

@override
Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(
    centerTitle: true,
    title: Text('Activity Stream'),
    backgroundColor: Colors.deepPurple,
  ),
  body: Container(
    height: double.infinity,
    child: FirebaseAnimatedList(
      query: courseTitle,
      itemBuilder: (BuildContext context, snapshot,
          Animation<double> animation, int index) {
        Map courses = snapshot.value;
        courses['key'] = snapshot.key;
        return _asListFirebase(list: courses);
      },
    ),
  ),
);
  }