![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=1738852936-V4EyRjbON1UuvZYeQOG7JjkWV2QQ5RrF-0-070f00b3eb3dde81dce6967ca5759329)
图3-20 Drawer效果