Flutter:ExpansionTile 示例,不愧是Alibaba技术官
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: ExpansionTileExample(),
);
}
}
class ExpansionTileExample extends StatefulWidget {
@override
_ExpansionTileExampleState createState() => _ExpansionTileExampleState();
}
class _ExpansionTileExampleState extends State<ExpansionTileExample> {
bool isExpanded = false;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: ExpansionTile(
title: Text('点击我进行展开/折叠'),
children: <Widget>[
ListTile(
title: Text('这是一个子列表项'),
),
ListTile(
title: Text('这是另一个子列表项'),
),
],
onExpansionChanged: (bool isExpanded) {
setState(() {
this.isExpanded = isExpanded;
});
},
),
),
);
}
}
这段代码创建了一个简单的ExpansionTile示例,当用户点击标题栏时,会展开或折叠列表。通过onExpansionChanged
回调,我们可以跟踪ExpansionTile的展开状态,并对其进行相应的处理。这是一个很好的学习示例,展示了如何在Flutter中使用这个控件。
评论已关闭