Flutter Drawer侧
Flutter 的 Drawer 侧滑菜单，功能蛮全，样式也挺灵活的。你可以放导航、头像、设置项啥的，左右滑动就能唤出来，手势响应也比较顺畅。
Flutter 的 Drawer 组件，用起来真不复杂。只要把它放到Scaffold的drawer属性里，再塞几个ListTile就能跑起来。基本上五分钟上手。
如果你是 Android 那边过来的，会发现 Flutter 这套跟DrawerLayout思路蛮像的。想对比的话，可以看看DrawerLayout 侧滑菜单实现那篇，思路接近。
要做复杂点的交互，比如加个viewpager配合侧滑，也可以参考侧滑菜单+viewpager这篇，虽然是原生 Android 的思路，但蛮值得借鉴。
风格方面，不同项目需求不一样嘛。你要仿 QQ、网易的那种动效顺滑的抽屉动画，建议看看QQ/网易版侧滑抽屉效果这篇，逻辑上可以自己改造一下迁移到 Flutter。
还有想用SlidingMenu或SlideMenu风格的也行，虽然这些是 Android 老派一点的方案，但概念是通的，Flutter 实现其实也不难。可以参考：SlideMenu 侧滑菜单特效 和 SlidingMenu。
如果你是 UI 控，想来点类似摩拜或者 Google Play 那种设计，也有对应的参考，点这：类似摩拜、仿 google play。
呢，Flutter 的 Drawer 还挺好用，官方维护、社区资源也不少。如果你项目有导航需求，不妨试试看。要注意的是，Drawer 在 Web 上体验一般，主要还是给移动端用的，别忘了测试响应式。
文件大小：2.69KB
评论区