实现城市列表,点击可展开二级列表
1: 一级列表?直接使用Listview即可,点击渲染二级列表,并实现联动效果,一级列表使用Expansion来创建子Item
Listview实现:
var city_name = [
"广州",
"深圳",
"北京",
"上海",
"杭州",
"天津",
"重庆",
"成都",
"厦门",
"长沙",
"哈尔滨",
"西安"
];
class _ExpanWidgetState extends State<ExpanWidget> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.orange,
title: Center(
child: Text(
"可变列表",
style: TextStyle(color: Colors.white),
),
),
),
//列表
body: ListView(
children: loadListItem(),
),
);
}
//列表首层节点列表 遍历渲染
List<Widget> loadListItem() => city_name.map((e) => loadCityItem(e)).toList();
子列表实现&#