The type 'Future<Map<String, dynamic>> Function()' used in the 'for' loop must implement Iterable - Flutter

user_7290043 0
Viewed 11585

I am trying to return Map from Future after taking values from database but I'm unable to print the values. Getting below error while accessing values

The type 'Future<Map<String, dynamic>> Function()' used in the 'for' loop must implement Iterable.

Below is simple code.

class ChefDishes extends StatefulWidget {
  @override
  _ChefDishesState createState() => _ChefDishesState();
}

class _ChefDishesState extends State<ChefDishes> {
 @override
  Widget build(BuildContext context) {
    
     var _chefDishes = DatabaseService().getChefDishList;
    
     return Scaffold(
    .....
          Column(
            children: [
              for (var item in _chefDishes)   // <---- E R R O R   I S   H E R E  
                ListView(children: [
                  Text(item['dishname']),
                  Text(item['dishPrice']),
                ]),
            ],
          )
}

DatabaseService class

class DatabaseService {

  Future<Map<String, dynamic>> getChefDishList() async {
    Map<String, dynamic> chefDishes;
    var result =
        await Firestore.instance.collection('dish').("chefID", isEqualTo: uid).getDocuments();

    result.documents.forEach((eachResult) {
          chefDishes = eachResult.data;
    });

    return chefDishes;
  }
}
async-await flutter future
2 Answers

You are not getting the result from the Future. You are trying to use the Future instead of the map in it.

Also, you are starting this getChefDishList in your build function, which is a big no-no.

Here's one way you can fix this:

class _ChefDishesState extends State<ChefDishes> {
  Map<String, dynamic> _chefDishes;
  @override
  initState() {
    startAsyncInit();
  }
  Future startAsyncInit() async {
    setState(() {
      _chefDishes = await DatabaseService().getChefDishList;
    });
  }
  @override
  Widget build(BuildContext context) {
    
     return Scaffold(
    .....
          Column(
            children: [
              for (var item in _chefDishes)   // <---- E R R O R   I S   H E R E  
                ListView(children: [
                  Text(item['dishname']),
                  Text(item['dishPrice']),
                ]),
            ],
          )
}

Or you can use a FutureBuilder.

user_6795530

Use this way using forEach

  var usrMap = {"name": "Mr MKM", 'Email': 'moumit.mondal@gmail.com'}; 
  usrMap.forEach((k,v) => print('${k}: ${v}'));
user_20520850
Related