flutter选择城市完整代码

一、安装依赖
# 生产依赖
dependencies:
  azlistview: ^0.1.2 #选择城市
  lpinyin: ^1.0.7
二、主页面
import 'dart:convert';

import 'package:azlistview/azlistview.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_snsoft/widgets/input/searchinput.dart';
import 'package:lpinyin/lpinyin.dart';

class CityInfo extends ISuspensionBean {
  String name;
  String tagIndex;
  String namePinyin;
  String strings;
  String shrink;
  bool isShowSuspension;
  CityInfo(
      {this.name, this.tagIndex, this.namePinyin, this.shrink, this.strings});

  String getSuspensionTag() {
    return this.tagIndex;
  }

  CityInfo.fromJson(Map<String, dynamic> json)
      : name = json['name'] == null ? "" : json['name'];

  Map<String, dynamic> toJson() => {
        'name': name,
        'tagIndex': tagIndex,
        'namePinyin': namePinyin,
        'isShowSuspension': isShowSuspension
      };

  @override
  String toString() => "CityBean {" + " \"name\":\"" + name + "\"" + '}';
}

class CitySearchPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _CitySearchPageState();
}

class _CitySearchPageState extends State<CitySearchPage> {
  List<CityInfo> _cityList = List();
  List<CityInfo> _hotCityList = List();
  List<CityInfo> _searchList = List();
  TextEditingController _keyword = TextEditingController(text: '');
  int _suspensionHeight = 32;
  int _itemHeight = 48;
  String _suspensionTag = "";
  final TextEditingController cityController = new TextEditingController();

  bool _isSearching = false;
  @override
  void initState() {
    super.initState();
    loadData();
  }

  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
  }

  void loadData() async {
    _hotCityList.add(CityInfo(name: "北京市", tagIndex: "★"));
    _hotCityList.add(CityInfo(name: "上海市", tagIndex: "★"));
    _hotCityList.add(CityInfo(name: "广州市", tagIndex: "★"));
    _hotCityList.add(CityInfo(name: "深圳市", tagIndex: "★"));
    _hotCityList.add(CityInfo(name: "杭州市", tagIndex: "★"));
    _hotCityList.add(CityInfo(name: "武汉市", tagIndex: "★"));
    _hotCityList.add(CityInfo(name: "重庆市", tagIndex: "★"));
    _hotCityList.add(CityInfo(name: "大连市", tagIndex: "★"));

    //加载城市列表
    rootBundle.loadString('assets/file/china.json').then((value) {
      Map countyMap = json.decode(value);
      List list = countyMap['china'];
      list.forEach((value) {
        _cityList.add(CityInfo(name: value['name']));
      });
      _handleList(_cityList);
      setState(() {
        _suspensionTag = _hotCityList[0].getSuspensionTag();
      });
    });
  }

  void _handleList(List<CityInfo> list) {
    if (list == null || list.isEmpty) return;
    for (var i = 0; i < list.length; i++) {
      String pinyin = PinyinHelper.getPinyinE(list[i].name);
      String tag = pinyin.substring(0, 1).toUpperCase();
      String shrink = "";
      List<String> strings = pinyin.split(" ");
      strings.forEach((element) {
        shrink += element.substring(0, 1);
      });
      list[i].shrink = shrink;
      list[i].namePinyin = pinyin;
      if (RegExp("[A-Z]").hasMatch(tag)) {
        list[i].tagIndex = tag;
      } else {
        list[i].tagIndex = "#";
      }
    }
    //根据A-Z排序
    SuspensionUtil.sortListBySuspensionTag(list);
  }

  void _onSusTagChanged(String tag) {
    setState(() {
      _suspensionTag = tag;
    });
  }

  Widget _buildSusWidget(String susTag) {
    susTag = (susTag == "★" ? "热门城市" : susTag);
    return Container(
      height: _suspensionHeight.toDouble(),
      padding: const EdgeInsets.only(left: 16.0),
      color: Color(0xfff3f4f5),
      alignment: Alignment.centerLeft,
      child: Text(
        '$susTag',
        softWrap: false,
        style: TextStyle(
          fontSize: 14.0,
          color: Color(0xff999999),
        ),
      ),
    );
  }

  Widget _buildListItem(CityInfo model) {
    String susTag = model.getSuspensionTag();
    susTag = (susTag == "★" ? "热门城市" : susTag);
    return Column(
      children: <Widget>[
        Offstage(
          offstage: model.isShowSuspension != true,
          child: _buildSusWidget(susTag),
        ),
        Container(
          decoration: BoxDecoration(
              color: Colors.white,
              border: Border(
                  bottom: BorderSide(width: 0.5, color: Color(0xffe7e7e7)))),
          height: _itemHeight.toDouble(),
          alignment: Alignment.centerLeft,
          padding: EdgeInsets.only(left: 16),
          width: double.infinity,
          child: GestureDetector(
            onTap: () {
              Navigator.pop(context, model.name);
            },
            child: Text(model.name),
          ),
        )
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        resizeToAvoidBottomPadding: false, //键盘弹起是不向上推页面
        appBar: AppBar(
          title: const Text('城市选择'),
          centerTitle: true,
          bottom: PreferredSize(
            preferredSize: const Size.fromHeight(42.0),
            child: Container(
              color: Colors.white,
              padding: EdgeInsets.symmetric(horizontal: 16, vertical: 10),
              child: SearchInput(
                textEditingController: _keyword,
                readonly: true,
                placeholder: "搜索国家",
                showBtn: false,
                height: 36,
                iconSize: 20,
                hintStyle: TextStyle(color: Color(0xffBDBDBD)),
              ),
            ),
          ),
        ),
        body: Stack(
          children: <Widget>[
            Offstage(
              offstage: !_isSearching,
              child: ListView.separated(
                itemCount: _searchList.length == 0 ? 1 : _searchList.length,
                itemBuilder: (context, index) {
                  if (_searchList.length > 0) {
                    return ListTile(
                      title: Text(_searchList[index].name),
                      onTap: () {
                        Navigator.pop(context, _searchList[index].name);
                      },
                    );
                  } else {
                    return Container(
                      margin: EdgeInsets.only(top: 40.0),
                      child: Center(
                        child: Text(
                          "无法查询到城市",
                          style: TextStyle(fontSize: 16.0, color: Colors.grey),
                        ),
                      ),
                    );
                  }
                },
                separatorBuilder: (context, index) {
                  return Divider(height: 0.0, thickness: 0.0, indent: 0);
                },
              ),
            ),
            Offstage(
              offstage: _isSearching,
              child: Column(
                children: <Widget>[
                  Container(
                    alignment: Alignment.centerLeft,
                    padding: const EdgeInsets.only(left: 15.0),
                    height: 28.0,
                    child: Text(
                      "当前位置",
                      style: TextStyle(fontSize: 14, color: Color(0xff999999)),
                    ),
                  ),
                  InkWell(
                    onTap: () {
                      Navigator.pop(context, '北京市');
                    },
                    child: Container(
                      height: 44.0,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 16),
                      child: Row(
                        children: [
                          Image.asset('assets/icons/map-pin.png'),
                          Container(
                            margin: EdgeInsets.only(left: 10),
                            child: Text('北京市'),
                          )
                        ],
                      ),
                    ),
                  ),
                  Expanded(
                    flex: 1,
                    child: AzListView(
                      data: _cityList,
                      topData: _hotCityList,
                      itemBuilder: (context, model) => _buildListItem(model),
                      // suspensionWidget: _buildSusWidget(_suspensionTag),
                      itemHeight: _itemHeight,
                      suspensionHeight: _suspensionHeight,
                      onSusTagChanged: _onSusTagChanged,
                      showIndexHint: true,
                    ),
                  ),
                ],
              ),
            ),
          ],
        ));
  }
}
 
 
三、城市json数据
{
    "china": [
      {
        "name": "全部城市"
      },
      {
        "name": "北京市"
      },
      {
        "name": "天津市"
      },
      {
        "name": "河北省"
      },
      {
        "name": "石家庄市"
      },
      {
        "name": "唐山市"
      },
      {
        "name": "秦皇岛市"
      },
      {
        "name": "邯郸市"
      },
      {
        "name": "邢台市"
      },
      {
        "name": "保定市"
      },
      {
        "name": "张家口市"
      },
      {
        "name": "承德市"
      },
      {
        "name": "沧州市"
      },
      {
        "name": "廊坊市"
      },
      {
        "name": "衡水市"
      },
      {
        "name": "山西省"
      },
      {
        "name": "太原市"
      },
      {
        "name": "大同市"
      },
      {
        "name": "阳泉市"
      },
      {
        "name": "长治市"
      },
      {
        "name": "晋城市"
      },
      {
        "name": "朔州市"
      },
      {
        "name": "晋中市"
      },
      {
        "name": "运城市"
      },
      {
        "name": "忻州市"
      },
      {
        "name": "临汾市"
      },
      {
        "name": "吕梁市"
      },
      {
        "name": "内蒙古省"
      },
      {
        "name": "呼和浩特市"
      },
      {
        "name": "包头市"
      },
      {
        "name": "乌海市"
      },
      {
        "name": "赤峰市"
      },
      {
        "name": "通辽市"
      },
      {
        "name": "鄂尔多斯市"
      },
      {
        "name": "呼伦贝尔市"
      },
      {
        "name": "巴彦淖尔市"
      },
      {
        "name": "乌兰察布市"
      },
      {
        "name": "兴安盟"
      },
      {
        "name": "锡林郭勒盟"
      },
      {
        "name": "阿拉善盟"
      },
      {
        "name": "沈阳市"
      },
      {
        "name": "大连市"
      },
      {
        "name": "鞍山市"
      },
      {
        "name": "抚顺市"
      },
      {
        "name": "本溪市"
      },
      {
        "name": "丹东市"
      },
      {
        "name": "锦州市"
      },
      {
        "name": "营口市"
      },
      {
        "name": "阜新市"
      },
      {
        "name": "辽阳市"
      },
      {
        "name": "盘锦市"
      },
      {
        "name": "铁岭市"
      },
      {
        "name": "朝阳市"
      },
      {
        "name": "葫芦岛市"
      },
      {
        "name": "长春市"
      },
      {
        "name": "吉林市"
      },
      {
        "name": "四平市"
      },
      {
        "name": "辽源市"
      },
      {
        "name": "通化市"
      },
      {
        "name": "白山市"
      },
      {
        "name": "松原市"
      },
      {
        "name": "白城市"
      },
      {
        "name": "延边朝鲜族自治州"
      },
      {
        "name": "哈尔滨市"
      },
      {
        "name": "齐齐哈尔市"
      },
      {
        "name": "鸡西市"
      },
      {
        "name": "鹤岗市"
      },
      {
        "name": "双鸭山市"
      },
      {
        "name": "大庆市"
      },
      {
        "name": "伊春市"
      },
      {
        "name": "佳木斯市"
      },
      {
        "name": "七台河市"
      },
      {
        "name": "牡丹江市"
      },
      {
        "name": "黑河市"
      },
      {
        "name": "绥化市"
      },
      {
        "name": "大兴安岭地区"
      },
      {
        "name": "上海市"
      },
      {
        "name": "南京市"
      },
      {
        "name": "无锡市"
      },
      {
        "name": "徐州市"
      },
      {
        "name": "常州市"
      },
      {
        "name": "苏州市"
      },
      {
        "name": "南通市"
      },
      {
        "name": "连云港市"
      },
      {
        "name": "淮安市"
      },
      {
        "name": "盐城市"
      },
      {
        "name": "扬州市"
      },
      {
        "name": "镇江市"
      },
      {
        "name": "泰州市"
      },
      {
        "name": "宿迁市"
      },
      {
        "name": "杭州市"
      },
      {
        "name": "宁波市"
      },
      {
        "name": "温州市"
      },
      {
        "name": "嘉兴市"
      },
      {
        "name": "湖州市"
      },
      {
        "name": "绍兴市"
      },
      {
        "name": "金华市"
      },
      {
        "name": "衢州市"
      },
      {
        "name": "舟山市"
      },
      {
        "name": "台州市"
      },
      {
        "name": "丽水市"
      },
      {
        "name": "合肥市"
      },
      {
        "name": "芜湖市"
      },
      {
        "name": "蚌埠市"
      },
      {
        "name": "淮南市"
      },
      {
        "name": "马鞍山市"
      },
      {
        "name": "淮北市"
      },
      {
        "name": "铜陵市"
      },
      {
        "name": "安庆市"
      },
      {
        "name": "黄山市"
      },
      {
        "name": "滁州市"
      },
      {
        "name": "阜阳市"
      },
      {
        "name": "宿州市"
      },
      {
        "name": "巢湖市"
      },
      {
        "name": "六安市"
      },
      {
        "name": "亳州市"
      },
      {
        "name": "池州市"
      },
      {
        "name": "宣城市"
      },
      {
        "name": "福州市"
      },
      {
        "name": "厦门市"
      },
      {
        "name": "莆田市"
      },
      {
        "name": "三明市"
      },
      {
        "name": "泉州市"
      },
      {
        "name": "漳州市"
      },
      {
        "name": "南平市"
      },
      {
        "name": "龙岩市"
      },
      {
        "name": "宁德市"
      },
      {
        "name": "南昌市"
      },
      {
        "name": "景德镇市"
      },
      {
        "name": "萍乡市"
      },
      {
        "name": "九江市"
      },
      {
        "name": "新余市"
      },
      {
        "name": "鹰潭市"
      },
      {
        "name": "赣州市"
      },
      {
        "name": "吉安市"
      },
      {
        "name": "宜春市"
      },
      {
        "name": "抚州市"
      },
      {
        "name": "上饶市"
      },
      {
        "name": "济南市"
      },
      {
        "name": "青岛市"
      },
      {
        "name": "淄博市"
      },
      {
        "name": "枣庄市"
      },
      {
        "name": "东营市"
      },
      {
        "name": "烟台市"
      },
      {
        "name": "潍坊市"
      },
      {
        "name": "济宁市"
      },
      {
        "name": "泰安市"
      },
      {
        "name": "威海市"
      },
      {
        "name": "日照市"
      },
      {
        "name": "莱芜市"
      },
      {
        "name": "临沂市"
      },
      {
        "name": "德州市"
      },
      {
        "name": "聊城市"
      },
      {
        "name": "滨州市"
      },
      {
        "name": "菏泽市"
      },
      {
        "name": "郑州市"
      },
      {
        "name": "开封市"
      },
      {
        "name": "洛阳市"
      },
      {
        "name": "平顶山市"
      },
      {
        "name": "安阳市"
      },
      {
        "name": "鹤壁市"
      },
      {
        "name": "新乡市"
      },
      {
        "name": "焦作市"
      },
      {
        "name": "濮阳市"
      },
      {
        "name": "许昌市"
      },
      {
        "name": "漯河市"
      },
      {
        "name": "三门峡市"
      },
      {
        "name": "南阳市"
      },
      {
        "name": "商丘市"
      },
      {
        "name": "信阳市"
      },
      {
        "name": "周口市"
      },
      {
        "name": "驻马店市"
      },
      {
        "name": "武汉市"
      },
      {
        "name": "黄石市"
      },
      {
        "name": "十堰市"
      },
      {
        "name": "宜昌市"
      },
      {
        "name": "襄樊市"
      },
      {
        "name": "鄂州市"
      },
      {
        "name": "荆门市"
      },
      {
        "name": "孝感市"
      },
      {
        "name": "荆州市"
      },
      {
        "name": "黄冈市"
      },
      {
        "name": "咸宁市"
      },
      {
        "name": "随州市"
      },
      {
        "name": "恩施土家族苗族自治州"
      },
      {
        "name": "仙桃市"
      },
      {
        "name": "潜江市"
      },
      {
        "name": "天门市"
      },
      {
        "name": "神农架林区"
      },
      {
        "name": "长沙市"
      },
      {
        "name": "株洲市"
      },
      {
        "name": "湘潭市"
      },
      {
        "name": "衡阳市"
      },
      {
        "name": "邵阳市"
      },
      {
        "name": "岳阳市"
      },
      {
        "name": "常德市"
      },
      {
        "name": "张家界市"
      },
      {
        "name": "益阳市"
      },
      {
        "name": "郴州市"
      },
      {
        "name": "永州市"
      },
      {
        "name": "怀化市"
      },
      {
        "name": "娄底市"
      },
      {
        "name": "湘西土家族苗族自治州"
      },
      {
        "name": "广州市"
      },
      {
        "name": "韶关市"
      },
      {
        "name": "深圳市"
      },
      {
        "name": "珠海市"
      },
      {
        "name": "汕头市"
      },
      {
        "name": "佛山市"
      },
      {
        "name": "江门市"
      },
      {
        "name": "湛江市"
      },
      {
        "name": "茂名市"
      },
      {
        "name": "肇庆市"
      },
      {
        "name": "惠州市"
      },
      {
        "name": "梅州市"
      },
      {
        "name": "汕尾市"
      },
      {
        "name": "河源市"
      },
      {
        "name": "阳江市"
      },
      {
        "name": "清远市"
      },
      {
        "name": "东莞市"
      },
      {
        "name": "中山市"
      },
      {
        "name": "潮州市"
      },
      {
        "name": "揭阳市"
      },
      {
        "name": "云浮市"
      },
      {
        "name": "南宁市"
      },
      {
        "name": "柳州市"
      },
      {
        "name": "桂林市"
      },
      {
        "name": "梧州市"
      },
      {
        "name": "北海市"
      },
      {
        "name": "防城港市"
      },
      {
        "name": "钦州市"
      },
      {
        "name": "贵港市"
      },
      {
        "name": "玉林市"
      },
      {
        "name": "百色市"
      },
      {
        "name": "贺州市"
      },
      {
        "name": "河池市"
      },
      {
        "name": "来宾市"
      },
      {
        "name": "崇左市"
      },
      {
        "name": "海口市"
      },
      {
        "name": "三亚市"
      },
      {
        "name": "重庆市"
      },
      {
        "name": "成都市"
      },
      {
        "name": "自贡市"
      },
      {
        "name": "攀枝花市"
      },
      {
        "name": "泸州市"
      },
      {
        "name": "德阳市"
      },
      {
        "name": "绵阳市"
      },
      {
        "name": "广元市"
      },
      {
        "name": "遂宁市"
      },
      {
        "name": "内江市"
      },
      {
        "name": "乐山市"
      },
      {
        "name": "南充市"
      },
      {
        "name": "眉山市"
      },
      {
        "name": "宜宾市"
      },
      {
        "name": "广安市"
      },
      {
        "name": "达州市"
      },
      {
        "name": "雅安市"
      },
      {
        "name": "巴中市"
      },
      {
        "name": "资阳市"
      },
      {
        "name": "阿坝藏族羌族自治州"
      },
      {
        "name": "甘孜藏族自治州"
      },
      {
        "name": "凉山彝族自治州"
      },
      {
        "name": "贵阳市"
      },
      {
        "name": "六盘水市"
      },
      {
        "name": "遵义市"
      },
      {
        "name": "安顺市"
      },
      {
        "name": "铜仁市"
      },
      {
        "name": "黔西南布依族苗族自治州"
      },
      {
        "name": "毕节市"
      },
      {
        "name": "黔东南苗族侗族自治州"
      },
      {
        "name": "黔南布依族苗族自治州"
      },
      {
        "name": "昆明市"
      },
      {
        "name": "曲靖市"
      },
      {
        "name": "玉溪市"
      },
      {
        "name": "保山市"
      },
      {
        "name": "昭通市"
      },
      {
        "name": "丽江市"
      },
      {
        "name": "思茅市"
      },
      {
        "name": "临沧市"
      },
      {
        "name": "楚雄彝族自治州"
      },
      {
        "name": "红河哈尼族彝族自治州"
      },
      {
        "name": "文山壮族苗族自治州"
      },
      {
        "name": "西双版纳傣族自治州"
      },
      {
        "name": "大理白族自治州"
      },
      {
        "name": "德宏傣族景颇族自治州"
      },
      {
        "name": "怒江傈僳族自治州"
      },
      {
        "name": "迪庆藏族自治州"
      },
      {
        "name": "拉萨市"
      },
      {
        "name": "昌都地区"
      },
      {
        "name": "山南地区"
      },
      {
        "name": "日喀则地区"
      },
      {
        "name": "那曲地区"
      },
      {
        "name": "阿里地区"
      },
      {
        "name": "林芝地区"
      },
      {
        "name": "西安市"
      },
      {
        "name": "铜川市"
      },
      {
        "name": "宝鸡市"
      },
      {
        "name": "咸阳市"
      },
      {
        "name": "渭南市"
      },
      {
        "name": "延安市"
      },
      {
        "name": "汉中市"
      },
      {
        "name": "榆林市"
      },
      {
        "name": "安康市"
      },
      {
        "name": "商洛市"
      },
      {
        "name": "兰州市"
      },
      {
        "name": "嘉峪关市"
      },
      {
        "name": "金昌市"
      },
      {
        "name": "白银市"
      },
      {
        "name": "天水市"
      },
      {
        "name": "武威市"
      },
      {
        "name": "张掖市"
      },
      {
        "name": "平凉市"
      },
      {
        "name": "酒泉市"
      },
      {
        "name": "庆阳市"
      },
      {
        "name": "定西市"
      },
      {
        "name": "陇南市"
      },
      {
        "name": "临夏回族自治州"
      },
      {
        "name": "甘南藏族自治州"
      },
      {
        "name": "西宁市"
      },
      {
        "name": "海东地区"
      },
      {
        "name": "海北藏族自治州"
      },
      {
        "name": "黄南藏族自治州"
      },
      {
        "name": "海南藏族自治州"
      },
      {
        "name": "果洛藏族自治州"
      },
      {
        "name": "玉树藏族自治州"
      },
      {
        "name": "海西蒙古族藏族自治州"
      },
      {
        "name": "银川市"
      },
      {
        "name": "石嘴山市"
      },
      {
        "name": "吴忠市"
      },
      {
        "name": "固原市"
      },
      {
        "name": "中卫市"
      },
      {
        "name": "乌鲁木齐市"
      },
      {
        "name": "克拉玛依市"
      },
      {
        "name": "吐鲁番地区"
      },
      {
        "name": "哈密地区"
      },
      {
        "name": "昌吉回族自治州"
      },
      {
        "name": "博尔塔拉蒙古自治州"
      },
      {
        "name": "巴音郭楞蒙古自治州"
      },
      {
        "name": "阿克苏地区"
      },
      {
        "name": "克孜勒苏柯尔克孜自治州"
      },
      {
        "name": "喀什地区"
      },
      {
        "name": "和田地区"
      },
      {
        "name": "伊犁哈萨克"
      },
      {
        "name": "塔城地区"
      },
      {
        "name": "阿勒泰地区"
      },
      {
        "name": "石河子市"
      },
      {
        "name": "阿拉尔市"
      },
      {
        "name": "图木舒克市"
      },
      {
        "name": "五家渠市"
      },
      {
        "name": "台北"
      },
      {
        "name": "高雄"
      },
      {
        "name": "基隆"
      },
      {
        "name": "台中"
      },
      {
        "name": "台南"
      },
      {
        "name": "新竹"
      },
      {
        "name": "嘉义"
      },
      {
        "name": "宜兰"
      },
      {
        "name": "桃园"
      },
      {
        "name": "苗栗"
      },
      {
        "name": "彰化"
      },
      {
        "name": "南投"
      },
      {
        "name": "云林"
      },
      {
        "name": "屏东"
      },
      {
        "name": "台东"
      },
      {
        "name": "花莲"
      },
      {
        "name": "澎湖"
      },
      {
        "name": "香港岛"
      },
      {
        "name": "九龙"
      },
      {
        "name": "新界"
      },
      {
        "name": "澳门半岛"
      },
      {
        "name": "氹仔岛"
      },
      {
        "name": "路环岛"
      },
      {
        "name": "路氹城"
      }
    ]
  }
 
posted @ 2022-02-25 16:32  文磊啊~  阅读(646)  评论(0)  编辑  收藏  举报