Flutter 中的 ExpansionTile 小部件:全面指南
在Flutter中,ExpansionTile
是一个可以展开和折叠的小部件,它可以用来显示列表项或者详细信息。以下是如何使用ExpansionTile
的示例代码:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('ExpansionTile Example'),
),
body: ExpansionTileList(),
),
);
}
}
class ExpansionTileList extends StatefulWidget {
@override
_ExpansionTileListState createState() => _ExpansionTileListState();
}
class _ExpansionTileListState extends State<ExpansionTileList> {
List<String> _children = <String>[
'Child 1',
'Child 2',
'Child 3',
];
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: _children.length,
itemBuilder: (BuildContext context, int index) {
return ExpansionTile(
title: Text('Expansion Tile ${index + 1}'),
children: <Widget>[
Text(_children[index]),
],
);
},
);
}
}
这个例子中,我们创建了一个ExpansionTileList
状态ful小部件,它在一个ListView.builder
中动态创建了多个ExpansionTile
。每个ExpansionTile
的标题是其索引加1的文本,而子部件则是一个简单的文本显示其对应的子数据。这个例子展示了如何使用ExpansionTile
来创建一个可折叠的列表,每个列表项都可以显示额外的详细信息。
评论已关闭