Flutter：主从布局中的自定义 Appbar、浮动操作按钮和 BottomSheet

Posted 2023-02-23

技术标签:

【中文标题】Flutter：主从布局中的自定义 Appbar、浮动操作按钮和 BottomSheet【英文标题】：Flutter: Custom Appbar, Floating Action Button and BottomSheet in Master-Detail Layout 【发布时间】：2020-06-26 18:32:52 【问题描述】：

我正在开发一个使用 Master-Detail-Layout 的应用程序。

到目前为止，我在 Row 中使用了两个 Scaffolds。布局的左侧用Scaffold 包裹，右侧也用Scaffold 包裹。但这可能不是最好的解决方案。如果我用这个解决方案打开SideDrawer（使用两个Scaffolds），只有左边部分变灰，右边部分保持清晰......

是否有其他选项可以获取此 Appbar 或实现 FloatingActionButton 或 BottomNavigationSheet 仅在左侧？还是应该继续使用两个Scaffolds？

【问题讨论】：

【参考方案1】：

AppBar

您可以使用 widgets(Container,Row) 从头开始开发您的应用栏，因为它是不同的。

2 个支架

对于脚手架，您可以使用小部件并使用一个脚手架。

浮动操作按钮

对于浮动操作按钮，您可以更改它的位置：通过将其包装在 Center 小部件中或在您的 Column 上使用 CrossAxisAlignment.center 的 crossAxisAlignment。

我不推荐使用两个脚手架。你不能保证脚手架的行为带有（键盘、snackBars..）的屏幕。希望对你有所帮助

【讨论】：

以上是关于Flutter：主从布局中的自定义 Appbar、浮动操作按钮和 BottomSheet的主要内容，如果未能解决你的问题，请参考以下文章