Flutter Material风格组件(Drawer)

Drawer是抽屉样式的控件，Drawer的子控件中一般使用ListView，第一个元素一般使用DrawerHeader，接下来是ListTile。酷客教程中Scaffold 有使用到 Drawer, Flutter 抽屉组件对 Drawer 也有作介绍，请大家参考。

简单的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("主页"),
    )
  ],
),
  ),
);
  }
}

运行效果如图所示：

酷客网相关文章：

• Flutter Material风格组件(TabBar)
• Flutter Material风格组件(BottomNavigationBar)
• Flutter Material风格组件(AppBar)
• Flutter Material风格组件(Scaffold)