loops - Flutter: Map のループから、2 つのウィジェットを含む行を表示する Cupertino Picker を構築する

Question

アイコンと文字列を並べて表示するピッカーを作成しました。ピッカー アイテムは、私が作成したキー: 文字列と値: アイコンを含むマップから取得されます。

今の私のコードでは、Cupertino Picker を使用して子を追加しています: [ Row(Icon + String)] しかし、それらを更新したい場合、それは非常に悪いことです。

これらの行と子を生成するループを取得しようとしていましたが、方法がわかりません。

誰かがこの結果を得る方法、またはおそらくより効率的な方法を教えてもらえますか? 行を抽出し、アイコンと文字列を入力するコンストラクターを作成することを考えていますが、もっと良い方法があると確信しています...

コードは次のとおりです。

Expanded(
                          child: CupertinoPicker(
                            itemExtent: 40,
                            children: <Widget>[
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[0],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[0],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[1],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[1],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[2],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[2],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[3],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[3],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[4],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[4],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[5],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[5],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[6],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[6],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  BuildingProblem.problemListIcons[7],
                                  Padding(
                                    padding: EdgeInsets.only(left: 10),
                                    child: Text(
                                      BuildingProblem.problemListNames[7],
                                      style:
                                          TextStyle(color: Colors.white70),
                                    ),
                                  )
                                ],
                              )
                            ],
                            onSelectedItemChanged: (int index) {
                              print('good boi');
                            },
                            looping: true,
                            backgroundColor: Color(0xff2e3032),
                          ),
                        ),

どのように見えるか: