Dartでのmap?の記載方法

Question

実現したいこと

Dartでの記載方法が分からないので御教唆ください。

ここに質問の内容を詳しく書いてください。
現在、Flutter(dart)の勉強をしているのですが、
ソースコード body -> ListViewで
1.基本状態 を 2.省略状態 のように記載できると思うのですが
3.基本状態 を 2.のようにリスト部分を追加するだけで修正が可能にに
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Generated App',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  var _number1 = {'one', 'two', 'three'};
  var _number2 = {'111': 'one', '222': 'two', '333': 'three'};

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('App Name'),
      ),
      body: Column(
        children: <Widget>[
          ListView(
            shrinkWrap: true,
            // 1. 基本状態
            /*
            children: <Widget>[
              Text('one'),
              Text('two'),
              Text('three'),
            ],
             */
            // 2. 省略状態 (↑で_number1 = {'one', 'two', 'three'};を定義している)
            /*
            children: _number1.map((String numString) {
              return Text(numString);
            }).toList(),
             */
            // 3. 基本状態
            children: <Widget>[
              Row(
                children: <Widget>[
                  Text('0'),      // indexから取得予定
                  Text('111'),    // {'111': 'one', '222': 'two', '333': 'three'}から取得予定
                  Text('one'),    // {'111': 'one', '222': 'two', '333': 'three'}から取得予定
                ],
              ),
              Row(
                children: <Widget>[
                  Text('1'),
                  Text('222'),
                  Text('two'),
                ],
              ),
              Row(
                children: <Widget>[
                  Text('2'),
                  Text('333'),
                  Text('three'),
                ],
              ),
              // 4. 省略状態 (↑で_number2 = {'111': 'one', '222': 'two', '333': 'three'};を定義している)
            ],
          ),
        ],
      ),
    );
  }
}

補足情報（FW/ツールのバージョンなど）

dart 2.7.0

Comments

[popobot]

質問はちゃんと書いましょう。

「（例）PHP(CakePHP)で●●なシステムを作っています。」などの関係ない内容は消してください。

[copp]

大変申し訳ございません。
きちんと記載したのですが１度目の投稿ボタンでは処理が上手くいかず、投稿ボタンを２回押したのが原因だと思われます。
ただ２度目の投稿ボタンを押す際にさっとしか確認しなかったのが一番の問題なので、今後は注意したいと思います。
中途半端になっている質問にも答えて頂きありがとうございました。

Answer 1

_number2.entries.map()を使って、MapEntryのListに対してmap()すれば可能です。

以下は、keyとvalueのみを表示した例です（indexなし)

          ListView(
            shrinkWrap: true,
            children: _number2.entries.map((MapEntry entry) {
              return Row(
                children: <Widget>[
                  Text(entry.key),
                  Text(entry.value),
                ],
              );
            }).toList(),
          ),

そもそも元々のデータはMapであってListではないのでindexがありません。

  var _number2 = {'111': 'one', '222': 'two', '333': 'three'};

もしどうしてもindexも表示したいなら、一旦、asMap()で以下のようなデータに変換した上で、処理すれば可能だと思います。
{0: {'111': 'one'}, 1: {'222': 'two'}, 2: {'333': 'three'}};

実際のコードです

          ListView(
            shrinkWrap: true,
            children:
                _number2.entries.toList().asMap().entries.map((MapEntry entry) {
              return Row(
                children: <Widget>[
                  Text(entry.key.toString()),
                  Text(entry.value.key),
                  Text(entry.value.value),
                ],
              );
            }).toList(),
          ),

---

一応、検証に使った動くコードも貼っておきます

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Generated App',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  var _number2 = {'111': 'one', '222': 'two', '333': 'three'};

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('App Name'),
      ),
      body: Column(
        children: <Widget>[
          ListView(
            shrinkWrap: true,
            children: _number2.entries.map((MapEntry entry) {
              return Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Text(entry.key),
                  Text(entry.value),
                ],
              );
            }).toList(),
          ),
          ListView(
            shrinkWrap: true,
            children:
                _number2.entries.toList().asMap().entries.map((MapEntry entry) {
              return Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Text(entry.key.toString()),
                  Text(entry.value.key),
                  Text(entry.value.value),
                ],
              );
            }).toList(),
          ),
        ],
      ),
    );
  }
}

Comments

[copp]

詳しいご返答ありがとうございます。
entries、asMapやMapEntryなど知らない事が沢山あり、すごく勉強になります。

本当にありがとうございました。