![Flutter实战入门](https://wfqqreader-1252317822.image.myqcloud.com/cover/55/32436055/b_32436055.jpg)
上QQ阅读APP看书,第一时间看更新
3.2.6 Drawer
Drawer是抽屉样式的控件,Drawer的子控件中一般使用ListView,第一个元素一般使用DrawerHeader,接下来是ListTile。
简单的Drawer使用代码如下:
class DrawerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter 实战入门'), ), drawer: Drawer( child: ListView( children: <Widget>[ DrawerHeader( child: Text('头像'), ), ListTile( title: Text("我的"), ), ListTile( title: Text("关于"), ), ListTile( title: Text("主页"), ) ], ), ), ); } }
运行效果如图3-20所示。
![](https://epubservercos.yuewen.com/E5359F/17517093106688906/epubprivate/OEBPS/Images/t3-20-i.jpg?sign=1738953671-3q0nm5zEKTcYun9Q1S4njGN2CAciuO5K-0-cf599d3a4090ea79a4f2125837189f91)
图3-20 Drawer效果