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')

                    ],
                  ),
                ),
              );
          }),

你可以按照你想要的方式對齊它。

讓我知道它是否有效