Flutter Drawer详解

yechaoa

于 2019-05-27 17:43:28 发布

阅读量4.8k

点赞数 1

分类专栏： Flutter Flutter 开发实战文章标签： flutter drawer UserAccountsDrawerHeader drawer 打开drawer flutter

本文链接：https://blog.csdn.net/yechaoa/article/details/90607772

版权

17 篇文章 170 订阅 ¥9.90 ¥99.00

订阅专栏

42 篇文章 31 订阅

订阅专栏

本文详细介绍了Flutter中的Drawer组件，包括其基本属性、DrawerHeader、UserAccountsDrawerHeader的使用，以及如何创建功能列表和控制Drawer的打开关闭。示例代码和官方文档链接可供参考，适合想要提升Flutter应用界面交互性的开发者。

摘要由CSDN通过智能技术生成

效果：
在这里插入图片描述

Drawer是一个抽屉控件，通常从页面的左边或右边滑出来。
抽屉的内部结构通常是头部信息Header、内容区ListTiles、或以一个AboutListTile结尾。

首先，Drawer是Scaffold下的一个子widget。

    return Scaffold(
      appBar: ...,
      body: ...,
      drawer: Drawer(),
    );

简单看一下参数：

  const Drawer({
    Key key,
    this.elevation = 16.0,//阴影
    this.child,
    this.semanticLabel,
  })

核心参数child，通常是一个ListView，然后包

了解本专栏

关注

专栏目录