onPressedでFirestoreから取得したデータを既存のリストに入れてListviewで表示するには

Question

既存のリストにこの部分(doc.data().keys.toList();)を入れるにはどうすれば良いでしょうか。
（今回はドキュメントのフィールド部分のみリストに入れたいです。）

onPressed: () async {
  final firestore = FirebaseFirestore.instance;
  final doc = await firestore
    .collection("tests")
    .doc("xxxxxxxxxxxxxxxx")
    .get();

  final fieldNames = doc.data().keys.toList();//ここで出来たリストをListviewで表示したい
  print(fieldNames);
},

以下は私のコードです。どこがダメでしょうか。

var fieldNames;

...
onPressed: () async {
  final firestore = FirebaseFirestore.instance;
  final doc = await firestore
    .collection("tests")
    .doc("xxxxxxxxxxxxxxxx")
    .get();

  setState(() {
              fieldNames.add(doc.data().keys.toList());
            });
...

body: ListView.builder(
        itemCount: fieldNames.length,
        itemBuilder: (context, index) {
          return Text(fieldNames[index]);
        },
      ),

Answer 1

どんなエラーが出ているか分かりませんが、一度これを参考に試してみてください。

// 空の配列で初期化しておく。
List<String> fieldNames = [];

onPressed: () async {
  final firestore = FirebaseFirestore.instance;
  final doc = await firestore
     .collection("tests")
     .doc("xxxxxxxxxxxxxxxx")
     .get();

  setState(() {
    // `add`だと１つしか入らないので、`addAll`を使う
    fieldNames.addAll(doc.data().keys.toList());
  });
},

Comments

[ixei]

出来ました！allがなかったのが原因ですね。ありがとうございます。