Flutter 对象列表中循环的颤振并显示在行中
如何在Flutter 对象列表中循环的颤振并显示在行中,flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,如何在行小部件中创建循环 以下是我的清单: List childList = [ { 'name': 'Sofie Laurson', 'old': '39 months', 'image': 'images/female.jpeg' }, {'name': 'John Snow', 'old': '2 years', 'image': 'images/male.jpeg'} ]; 这是行: 行( mainAxisAlignm
行
小部件中创建循环
以下是我的清单:
List childList = [
{
'name': 'Sofie Laurson',
'old': '39 months',
'image': 'images/female.jpeg'
},
{'name': 'John Snow', 'old': '2 years', 'image': 'images/male.jpeg'}
];
这是行
:
行(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
圆形(
半径:30.0,
背景图片:AssetImage(“images/female.jpeg”),
),
纵队(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
正文(
“苏菲·凯西”,
样式:TextStyle(
字体大小:20.0,
),
),
正文(
“39个月”,
样式:TextStyle(
字体大小:16.0,颜色:Colors.black45,
),
),
],
),
正文(
“编辑”,
样式:TextStyle(颜色:红色,字体大小:18.0),
),
],
),
我需要填写姓名、图像路径和年龄。
谢谢 欢迎使用堆栈溢出 对于您的问题,我建议使用
ListView.builder
。它将动态地构建一个列表,并为您提供一个带有索引的构建方法,以便您可以浏览列表。如果为itemCount
参数提供一个值,它将重复执行,直到列表中的项目用完为止
我在DartPad上做了一个例子来说明:
更新:我更改了省道板后面的要点,以便更好地匹配列表中的地图示例 哦,太好了,非常感谢你的帮助!这项功能正在发挥作用:)如果它对您有帮助,请确保将其标记为已接受的答案,以便其他人在面临相同问题时可以在搜索结果中看到它。:)