Flutter循环动态数据2

循环list数据
&＃xff08;一&＃xff09;效果图

&＃xff08;二&＃xff09;实现
实现要点&＃xff1a;
listview里面的builder方法
准备一个数据文件
导入

import &＃39;listData.dart&＃39;;
import &＃39;package:flutter/cupertino.dart&＃39;;
import &＃39;package:flutter/material.dart&＃39;;class ListViewPage2 extends StatelessWidget {//自定义方法Widget _getListData(context, index) {return ListTile(leading: Image.asset(listData[index]["imageUrl"]),subtitle: Text(listData[index]["author"]),title: Text(listData[index]["title"]),);}Widget ListPages2() {return ListView.builder(itemCount: listData.length, itemBuilder: this._getListData);}&＃64;overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("甜宠软妹"),centerTitle: true,),body: Container(child: ListPages2(),),);}
}

数据文件的内容请参考
Flutter实现网格布局_升级版
(链接: link.).
这篇技术博客里面的数据文件。