Flutter 点击右侧浮动按钮触发指定页面侧边菜单应使用什么组件？

你列出的三类组件都不是实现该需求的最优选择，具体原因如下：

• 浮动操作按钮（FAB）属于触发类控件，本身没有内容承载能力，无法作为菜单容器使用
• 对话框（Dialog）默认是居中模态弹窗，要改造成侧边滑入样式需要调整大量默认样式和交互逻辑，也不符合用户对侧边菜单的通用操作预期
• 底部操作表（Bottom Sheet）默认从屏幕底部滑出，和你需要的侧边滑入交互不匹配，改造成本较高

你需求的仅在特定页面触发、承载滑块和控制按钮的侧边滑出菜单，直接使用临时侧边抽屉（Temporary Drawer） 即可，这类抽屉默认仅在触发后展示，不会全局挂载在所有页面，完全适配你的使用场景。

按不同技术栈可以直接使用对应的成熟组件：

• React 技术栈：可使用 Material UI Drawer、Ant Design Drawer，开箱支持侧边滑入、自定义内部内容、临时展示配置
• Vue 技术栈：可使用 Element Plus Drawer、Vuetify Navigation Drawer，默认提供的内容插槽可直接嵌入滑块、按钮等控件
• 跨端/原生开发：Flutter 可直接使用官方内置的 Drawer 组件，React Native 可使用 react-native-drawer-layout 实现

内容的提问来源于stack exchange，提问作者Alex Aung