Flutter 中 ListView 的使用

网络请求

loadData() async {
String loadRUL = “https://api.douban.com/v2/movie/in_theaters”;
http.Response response = await http.get(loadRUL);
var result = json.decode(response.body);
setState(() {
title = result[‘title’];
print(‘title: $title’);
subjects = result[‘subjects’];
});
}

ListView && 加载菊花

getBody() {
if (subjects.length != 0) {
return ListView.builder(
itemCount: subjects.length,
itemBuilder: (BuildContext context, int position) {
return getItem(subjects[position]);
});
} else {
// 加载菊花
return CupertinoActivityIndicator();
}
}

Item编写

getItem(var subject) {
// 演员列表
var avatars = List.generate(subject[‘casts’].length, (int index) =>
Container(
margin: EdgeInsets.only(left: index.toDouble() == 0.0 ? 0.0 : 16.0),

child: CircleAvatar(
backgroundColor: Colors.white10,
backgroundImage: NetworkImage(
subject[‘casts’][index][‘avatars’][‘small’]
)
),
),
);
var row = Container(
margin: EdgeInsets.all(4.0),
child: Row(
children: [
ClipRRect(
borderRadius: BorderRadius.circular(4.0),
child: Image.network(
subject[‘images’][‘large’],
width: 100.0, height: 150.0,
fit: BoxFit.fill,
),
),
Expanded(
child: Container(
margin: EdgeInsets.only(left: 8.0),
height: 150.0,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 电影名称
Text(
subject[‘title’],
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 20.0,
),
maxLines: 1,
),
// 豆瓣评分
Text(
'豆瓣评分：${subject{[}^{\prime }ratin{g}^{\prime }]{[}^{\prime }averag{e}^{\prime }]}^{\prime },style:TextStyle(fontSize:16.0),),//类型Text("类型：${subject[‘genres’].join(“、”)}"
),
// 导演
Text(
‘导演：${subject[‘directors’][0][‘name’]}’
),
// 演员
Container(
margin: EdgeInsets.only(top: 8.0),
child: Row(​

children: [
Text(‘主演：’),
Row(
children: avatars,
)
],
),
)
],
),
)
)
],
),
);
return Card(
child: row,

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取
9088305468)]一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取