如何解决用列表地图结果填充GridView
我试图用列表图的结果填充GridView
var players = [
{"Name": "Josh","Age": "25"},{"Name": "Rick","Age": "26"},{"Name": "Michael","Age": "22"},{"Name": "Sander","Age": "23"},];
我想用上面的结果填充一个GridView,但是当我使用List.generate消息“ 时,无法分配元素类型'List “为我出现。
我尝试填充GridView的代码
GridView.count(
crossAxisCount: 2,children: [
List.generate(players.length,(index) => {
})
],)
有什么方法可以填充此GridView吗?
解决方法
您可以选择以下任一方式:
1st: By using the .map() method:
var players = [
{"Name": "Josh","Age": "25"},{"Name": "Rick","Age": "26"},{"Name": "Michael","Age": "22"},{"Name": "Sander","Age": "23"},];
GridView.count(
crossAxisCount: 2,children: players.map(
(player) => Column(children: [
Text(player['Name']),Text(player['Age'])
])).toList()
)
2nd: By using the List.generate() method
GridView.count(
crossAxisCount: 2,children: List<Widget>.generate(
players.length,(index) => Column(children: [
Text(players[index]['Name']),Text(players[index]['Age'])
])
)
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。