以一种很好的方式显示 FireStore 数据

Question

我正在尝试以一种很好的方式显示这个数组。有没有办法忽略文本并从 FireStore 获取值。所以我想要的是当我运行应用程序时我只想显示“jocke”和“5”。

return ListView.builder(
                    itemCount: data.size,
                    itemBuilder: (context, index) {
                      return Text('${data.docs[index]['players']}');
                    },

https://gyazo.com/ebe5097177204f317921a79a081210a5 https://gyazo.com/fd7b8cf9e25c386667e62416332d5ee2

Answer 1

您将希望在通过索引获取整个播放器对象后直接访问这些字段。你会想做这样的事情：

itemBuilder: (context, index) {
  var player = data['players'][index];
  var name = player['name'];
  var score = player['score'][0];
  return Text('$player - $score');
}

这将显示如下文本：jocke - 5。

请注意，在您的示例中，分数似乎被保存为一个列表，所以我取了它的第一个元素，因为我不知道它为什么是一个列表的上下文。