如何在颤振中水平展开导航抽屉内的折叠项目
How to expanded collapse item horizontally inside navigation drawer in flutter
我想在导航抽屉中水平添加展开的折叠项。是否有任何示例或 github 代码。下面我添加了图片,以便您能够理解我想说的内容。
您可以制作自定义抽屉。
您可以做一些类似的事情来获得图像中的结果。
希望对您有所帮助!
您可以使用 Expansion Tile 实现此结果:
bool _isExpanded = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Expansion Tile'),
),
drawer: Drawer(
child: Column(
children: <Widget>[
ExpansionTile(
onExpansionChanged: (b) {
setState(() {
_isExpanded = !_isExpanded; //using set state just to exemplify
});
},
title: Text('Expand items'),
trailing: Padding(
padding: const EdgeInsets.only(right: 100),
child: Icon(_isExpanded
? Icons.keyboard_arrow_up
: Icons.keyboard_arrow_down),
),
children: <Widget>[
Padding(
padding: const EdgeInsets.only(left: 30, right: 60),
child: ExpansionTile(
title: Text('First child'),
),
),
Padding(
padding: const EdgeInsets.only(left: 30, right: 60),
child: ExpansionTile(
title: Text('Second child'),
),
),
],
)
],
),
),
);
}
结果:
我想在导航抽屉中水平添加展开的折叠项。是否有任何示例或 github 代码。下面我添加了图片,以便您能够理解我想说的内容。
您可以制作自定义抽屉。
您可以做一些类似的事情来获得图像中的结果。
希望对您有所帮助!
您可以使用 Expansion Tile 实现此结果:
bool _isExpanded = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Expansion Tile'),
),
drawer: Drawer(
child: Column(
children: <Widget>[
ExpansionTile(
onExpansionChanged: (b) {
setState(() {
_isExpanded = !_isExpanded; //using set state just to exemplify
});
},
title: Text('Expand items'),
trailing: Padding(
padding: const EdgeInsets.only(right: 100),
child: Icon(_isExpanded
? Icons.keyboard_arrow_up
: Icons.keyboard_arrow_down),
),
children: <Widget>[
Padding(
padding: const EdgeInsets.only(left: 30, right: 60),
child: ExpansionTile(
title: Text('First child'),
),
),
Padding(
padding: const EdgeInsets.only(left: 30, right: 60),
child: ExpansionTile(
title: Text('Second child'),
),
),
],
)
],
),
),
);
}
结果: