Display map on its own line in a text widget in Flutter

Question

For example,

Lets say I have a map:

Map<string, dynamic> myMap = {'zero': 0, 'one': 1, 'two': 2};

How can I display these values in a text widget like what is depicted below:

Map key-value pairs:
zero: 0
one: 1
two: 2

Answer 1

Try below code

ListView.builder(
        itemCount: myMap.entries.toList().length,
        itemBuilder: (cont, index) {
          return Text('${myMap.entries.toList()[index].key.toString()} : ${myMap.entries.toList()[index].value.toString()}');
        },
        )

Answer 2

Try the following :

Column(
  children: myMap.entries
      .map(
        (e) => Text("${e.key}: ${e.value}"),
      )
      .toList(),
);