当前位置:   article > 正文

Flutter 制作一个抽屉菜单,纯手打“RocketMQ笔记”_flutter抽屉菜单

flutter抽屉菜单

其实在APP中,抽屉菜单就是当手指在屏幕横向滑动时候,左边屏幕会滑出或者滑入一个View的东西,就像一个抽屉。下面是我在网上找的一个示例图,和现在正跑在我的模拟器上的目标图。

示例图

目标图

在Android或者IOS上,要实现这种侧滑抽屉空间,可以使用外部库来达到效果,不过Flutter本身已经给我们提供了 Drawer 这个UI组件,来使你更轻松地达到这个效果。

Drawer及UserAccountsDrawerHeader可用属性

| Drawer属性 | 说明 |

| — | — |

| elevation | 背景高度 |

| child | 子组件 |

| semanticLabel | 标签 |

| UserAccountsDrawerHeader属性 | 说明 |

| — | — |

| decoration | 头部装饰 |

| margin | 外边距  默认8.0 |

| currentAccountPicture | 主图像 |

| otherAccountsPictures | 副图像 |

| accountName | 标题 |

| accountEmail | 副标题 |

| onDetailsPressed | 点击监听 |

实现

首先我默认大家已经搭建好了Flutter的环境并已经初步写了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/628184
推荐阅读
相关标签
  

闽ICP备14008679号