我尝试在网络应用上创建一个管理面板。在管理页面中,我希望始终显示侧面菜单,而在应用程序栏中,我具有图标按钮,我希望此按钮隐藏/显示侧面菜单,并且当我隐藏菜单时需要扩展容器,而在显示收缩时。我的代码
class AdminPage extends StatefulWidget {
@override
_AdminPage createState() => _AdminPage();
}
bool isColapsed = true;
class _AdminPage extends State<AdminPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.deepOrange,
actions: <Widget>[
IconButton(
icon: Icon(Icons.menu),
onPressed: () {
})
],
),
// drawer: Drawer(),
body: Stack(
children: <Widget>[
Container(
color: Colors.amberAccent,
child: Center(
child: Text('content'),
),
),
menu(context),
],
),
);
}
}
这是我的菜单菜单小部件:
Widget menu(context) {
return Padding(
padding: EdgeInsets.only(left: 0.0),
child: Align(
alignment: Alignment.centerLeft,
child: Container(
width: 250.0,
color: Colors.blueGrey,
child: Column(
children: <Widget>[
Flexible(
child: ListView(
children: <Widget>[
ListTile(
title: Text('page1'),
),
],
)
)
],
),
),
),
);
}