使用Flutter编写应用（三）

前言

前两篇实现了从实时天气的界面，这次将分享获取城市列表的数据并展示出来。获取数据和刷新的流程跟天气获取展示是一样的，不一样的是通过本文可以认识新的组件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.