Flutter 需要帮助将数组列表集成到Flatter GridView中吗

Flutter 需要帮助将数组列表集成到Flatter GridView中吗,flutter,arraylist,gridview,Flutter,Arraylist,Gridview,我曾经在AS中使用RecyclerView,但最近我开始学习颤振 我一直在四处搜索,似乎找不到一个内聚的文档/参考/示例来允许数组列表出现在GridView中 List<Test> fbToJson(gdata) { var tojson = json.decode(gdata).cast<Map<String, dynamic>>(); return tojson.map<Test>((json) => Test.fromJson(

我曾经在AS中使用RecyclerView,但最近我开始学习颤振

我一直在四处搜索,似乎找不到一个内聚的文档/参考/示例来允许数组列表出现在GridView中

List<Test> fbToJson(gdata) {
  var tojson = json.decode(gdata).cast<Map<String, dynamic>>();
  return tojson.map<Test>((json) => Test.fromJson(json)).toList();
}

class Test {
  String imageUrl;
  String name;

  Test({this.imageUrl,this.name});

  factory Test.fromJson(Map<String, dynamic> json) {
     return Test(
     imageUrl: json['imageUrl'] as String,
     name:  json['name'] as String
  );
}
}
如果我希望同时显示名称和urlimage,我找不到任何文档/资源来帮助展示如何将其集成到gridview


提前感谢。

使用
GridView.builder

      GridView.builder(
        itemCount: fbdata.length,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 2,
            childAspectRatio: 3 / 2,
            crossAxisSpacing: 10,
            mainAxisSpacing: 10),
        itemBuilder: (ctx, index) {
          return Column(
            children: <Widget>[
              Text(fbdata[index].name),
              Text(fbdata[index].imageUrl),
            ],
          );
        })
GridView.builder(
itemCount:fbdata.length,
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(
交叉轴计数:2,
儿童方面:3/2,
横轴间距:10,
主轴间距:10),
itemBuilder:(ctx,索引){
返回列(
儿童:[
文本(fbdata[index].name),
文本(fbdata[index].imageUrl),
],
);
})
      GridView.builder(
        itemCount: fbdata.length,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 2,
            childAspectRatio: 3 / 2,
            crossAxisSpacing: 10,
            mainAxisSpacing: 10),
        itemBuilder: (ctx, index) {
          return Column(
            children: <Widget>[
              Text(fbdata[index].name),
              Text(fbdata[index].imageUrl),
            ],
          );
        })