Flutter Drawer

最新推荐文章于 2024-07-03 23:56:41 发布

jiahua123_dongzhou

最新推荐文章于 2024-07-03 23:56:41 发布

阅读量440

点赞数

分类专栏： fflutter组件

本文链接：https://blog.csdn.net/jiahua123_dongzhou/article/details/108300494

版权

Flutter中的Drawer常用于实现侧滑菜单，通常与Scaffold的drawer属性结合使用。DrawerHeader和UserAccountsDrawerHeader用于创建头部，展示用户信息。DrawerHeader的child、padding和decoration属性用于定制头部效果，而UserAccountsDrawerHeader则提供了currentAccountPicture、accountName和accountEmail等字段展示用户详情。通过onDetailsPressed回调，可以处理更多用户信息的显示。

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

Flutter Drawer 侧滑菜单、抽屉

Drawer 与Scaffold一起使用。是Scaffold中drawer属性。drawer通常是一个ListView，它的第一个子视图是一个DrawerHeader，但我们通常使用UserAccountsDrawerHeader显示当前用户的状态信息。其余的drawer子元素通常由ListTile构造，通常以AboutListTile结束。

可以使用Navigator.pop(context)主动关闭Drawer。

参数讲解

属性	说明
Drawer
elevation	背景高度
child	子组件
semanticLabel	标签
UserAccountsDrawerHeader
decoration	头部装饰
margin	外边距默认8.0
currentAccountPicture	主图像
otherAccountsPictures	附图像
accountName	标题
accountEmail	副标题
onDetailsPressed	点击监听