&#39;列表<dynamic> &#39; 不是類型 &#39;(BuildContext, int) =&gt; Widget&#39; 的子類型

Question

我正在嘗試顯示來自 firestore firebase 的數據，但出現錯誤

'List' 不是類型 '(BuildContext, int) => Widget' 的子類型

 Container (
                margin: EdgeInsets.only(bottom: 550 , right: 140),
                child: Text("Filter by Patient" , style: TextStyle(color: Colors.teal, fontSize: 17),), 
                ), 
                Expanded(
              child :  Container( //list image profile 
                 child: StreamBuilder<QuerySnapshot>(
            stream: db.collection("patient").snapshots(),
               builder: (BuildContext context, AsyncSnapshot snapshot){
                 if(snapshot.data == null){
                return Container(
                  child: Center(
                    child: Text("Loading...")
                  )
                   );
               } else{
                return   ListView.builder(
                  
                  scrollDirection: Axis.horizontal,
                  itemBuilder: snapshot.data!.docs.map<Widget>((doc) {
                    return Card(
                          child:ListTile(
                           title: new Text(doc['name']) ,
                      onTap: (){},
                    ),
                    );
                  }).toList(),
                   );
                }
            },
          ),
          ), 

我打印了 snapshot.data!.docs 這就是結果

I/flutter（6015）：['_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot'實例] I/flutter（6015）：['_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot實例'，'_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例] I/flutter（6015）：['_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例] I/flutter（ 6015): ['_JsonQueryDocumentSnapshot' 實例，'_JsonQueryDocumentSnapshot' 實例，'_JsonQueryDocumentSnapshot' 實例，'_JsonQueryDocumentSnapshot' 實例]

引發了另一個異常：類型“列表”不是類型“（BuildContext，int）=> Widget”的子類型

引發了另一個異常：ParentDataWidget 的使用不正確。 I/flutter（6015）：['_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot'實例] I/flutter（6015）：['_JsonQueryDocumentSnapshot'實例，'_JsonQueryDocumentSnapshot實例'，'_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例] I/flutter（6015）：['_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例，'_JsonQueryDocumentSnapshot' 的實例] I/flutter（ 6015): ['_JsonQueryDocumentSnapshot' 實例，'_JsonQueryDocumentSnapshot' 實例，'_JsonQueryDocumentSnapshot' 實例，'_JsonQueryDocumentSnapshot' 實例]

引發了另一個異常：ParentDataWidget 的使用不正確。

引發了另一個異常：類型“列表”不是類型“（BuildContext，int）=> Widget”的子類型

Answer 1

這不是使用itemBuilder的方式。 你必須做這樣的事情：

// if snapshot.data!.docs is a List
List value = snapshot.data!.docs;
return ListView.builder(
  itemBuilder(context, index){
    return Card(
      child:ListTile(
      title: Text(value[index]['name']) ,
      onTap: (){},
    ),
  }
)

檢查文檔以獲取更多信息。