前言
前两篇实现了从实时天气的界面,这次将分享获取城市列表的数据并展示出来。获取数据和刷新的流程跟天气获取展示是一样的,不一样的是通过本文可以认识新的组件ListView。
开始
1.创建城市Widget
class CityWidget extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return new CityListState();
}
}
2.创建城市列表
class CityListState extends State<CityWidget> {
@override
Widget build(BuildContext context) {
//列表组件
return ListView.builder(
//有多少个item
itemCount: cityList.length,
itemBuilder: (context, index) {
//每个item显示的内容
return ListTile(
title: Container(
padding: EdgeInsets.