Flutter 需要帮助将数组列表集成到Flatter GridView中吗
我曾经在AS中使用RecyclerView,但最近我开始学习颤振 我一直在四处搜索,似乎找不到一个内聚的文档/参考/示例来允许数组列表出现在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(
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),
],
);
})