![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=1738871722-L4M0koFQ6Y7YHxPI6aEwm9HN0EuCjIjU-0-7198d2927bf1b4177aa2a3e9355940d0)
图3-20 Drawer效果