android 城市列表listview,GitHub - kaich/azlistview: Flutter 城市列表，联系人列表，索引&悬停。Flutter CityList View, Cont...

azlistview

AzListView，Flutter 城市列表，联系人列表，自定义Header，索引，悬停效果。

IndexBar(A-Z 索引Bar)

SuspensionView(悬停效果view)

AzListView(对SuspensionView & IndexBar封装，方便使用)

SuspensionUtil

sortListBySuspensionTag(list) 根据[A-Z]排序。

getTagIndexList(list) 获取索引列表。

setShowSuspensionStatus(list) 设置显示悬停Header状态。

注意

新AzListView data需要a-z排过序的列表，请自行调用SuspensionUtil.sortListBySuspensionTag(list)。

APK QR:

iOS：暂无，请自行clone项目代码运行。

Screenshot

Add dependency

dependencies:

azlistview: ^0.1.2#latest version

Example

class CitySelectRoute extends StatefulWidget {

@override

State createState() {

return new _CitySelectRouteState();

}

}

class _CitySelectRouteState extends State {

List _cityList = List();

List _hotCityList = List();

int _suspensionHeight = 40;

int _itemHeight = 50;

String _suspensionTag = "";

@override

void initState() {

super.initState();

loadData();

}

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: "★"));

//加载城市列表

rootBundle.loadString('assets/data/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 list) {

if (list == null || list.isEmpty) return;

for (int i = 0, length = list.length; i < length; i++) {

String pinyin =

PinyinHelper.getPinyinE(list[i].name);

String tag = pinyin.substring(0, 1).toUpperCase();

list[i].namePinyin = pinyin;

if (RegExp("[A-Z]").hasMatch(tag)) {

list[i].tagIndex = tag;

} else {

list[i].tagIndex = "#";

}

}

//根据A-Z排序

SuspensionUtil.sortListBySuspensionTag(_cityList);

}

void _onSusTagChanged(String tag) {

setState(() {

_suspensionTag = tag;

});

}

Widget _buildSusWidget(String susTag) {

susTag = (susTag == "★" ? "热门城市" : susTag);

return Container(

height: _suspensionHeight.toDouble(),

padding: const EdgeInsets.only(left: 15.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: [

Offstage(

offstage: model.isShowSuspension != true,

child: _buildSusWidget(susTag),

),

SizedBox(

height: _itemHeight.toDouble(),

child: ListTile(

title: Text(model.name),

onTap: () {

print("OnItemClick: $model");

Navigator.pop(context, model);

},

),

)

],

);

}

@override

Widget build(BuildContext context) {

return Column(

children: [

Container(

alignment: Alignment.centerLeft,

padding: const EdgeInsets.only(left: 15.0),

height: 50.0,

child: Text("当前城市: 成都市"),

),

Expanded(

flex: 1,

child: AzListView(

data: _cityList,

topData: _hotCityList,

itemBuilder: (context, model) => _buildListItem(model),

suspensionWidget: _buildSusWidget(_suspensionTag),

isUseRealIndex: true,

itemHeight: _itemHeight,

suspensionHeight: _suspensionHeight,

onSusTagChanged: _onSusTagChanged,

//showCenterTip: false,

)),

],

);

}

}