flutter-ExpandableList的使用

先上效果图:
展开之前:
header的内容:
flutter-ExpandableList的使用_第1张图片
展开之后:
header中的内容:
flutter-ExpandableList的使用_第2张图片
具体的使用很简单,直接上代码:

class ExpandableList extends StatefulWidget {
  @override
  _ExpandableListState createState() => _ExpandableListState();
}

class _ExpandableListState extends State {
  //生成一组测试数据
  final list = List.generate(10, (i)=>"这是第$i个item数据");
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(  //build的item为header的内容
        itemBuilder: (context, index) {
          return ExpansionTile(
            title: Text("这是第$index个"),
            children: list.map((f) => ListTile(title: Text(f))).toList(),
          );
        },
        itemCount: 5,
      ),
    );
  }
}

你可能感兴趣的:(flutter)