開發(fā)中經(jīng)常使用到的一個(gè)功能歇竟，需要從服務(wù)器上獲取數(shù)據(jù)并加載到listview上乱灵，動(dòng)態(tài)顯示潘悼。
先看看效果：
class HomeContent extends StatelessWidget{
// 第一種方案
// List<Widget> list = List.filled(20, ListTile(title: Text("zheng"),subtitle: Text("ci"),));
// 第二種方案
List<Widget> _getData(){
var templist = listData.map((value){
return ListTile(
leading: Image.network(value['imageUrl']),
title: Text(value['title']),
subtitle: Text(value['author']),
);
});
return templist.toList();
}
@override
Widget build(BuildContext context) {
// TODO: implement build
return ListView(
children: this._getData(),
);
}
// 第三種方案
class HomeContent extends StatelessWidget{
List<Widget> listviews = List.filled(
20,
ListTile(
leading: Image.network('https://www.itying.com/images/flutter/2.png'),
title: Text("zheng"),
subtitle: Text("ci"),)
);
@override
Widget build(BuildContext context) {
// TODO: implement build
return ListView.builder(
itemBuilder: (context,index){
return listviews[index];
},
itemCount: listviews.length,
);
}
