ListTile Flutter

Question

当我尝试使用 ListTile 调用 FireCloud 中的数据值时，有什么方法可以为代码中的 ListTile 添加更多值。 至于现在，我只能调用文档中的 2 个数据。 关于如何在 FireCloud 中调用多个数据并显示它的任何帮助将不胜感激。

    return Container(
     child: Card(
      child: ListTile(
       title: Text(widget.post.data["Address"]),
        subtitle: Image.network(widget.post.data["Picture"], 
     ),
   ),
 ),
);

Answer 1

使用ListView.builder 构造函数，这将帮助您从FireCloud获取总数据。 你可以这样使用它：

需要做的两个主要事情，它们是：

• itemCount：保留您要从FireCloud获取的数据的计数。 将传入的数据存入一个列表，然后传入这个key
• itemBuilder：构建您的视图，该视图将使用itemCount传递的项目的itemCount

参考：

ListView.builder(
  itemCount: listItems.length,
  itemBuilder: (BuildContext ctxt, int index){
    // your_view
  }
)

如需更多参考，请参阅这篇关于如何开始的 Medium 文章： Flutter: Displaying Content using ListView.builder

Answer 2

看看这个对你有用的例子：

 ListView.builder(
            itemCount: /* snapshot.data.length */,
            itemBuilder: (_, index) {
              return  GestureDetector(
                onTap: (){
                  //navigateToDetail(snapshot.data[index]),
                },
                              child: Card(
                  child: Column(
                    children: <Widget>[
                     Text('your address'),
                     Text('you and another data')

                    ],
                  ),
                ),
              );
          }),

你可以按照你想要的方式对齐它。

让我知道它是否有效