Flutter overlay 正在移动

Question

我想问的是如何在调用 Scaffold.of(context).showSnackBar 时禁用叠加层移动，如下面的视频所示。当键盘出现时，同样的事情发生了。有时蓝色 float 按钮 (+) 不会回到原来的位置 :-(

提前致谢。

Problem animation

Answer 1

FloatingActionButton 在显示 Scaffold 时上升是所有默认实现的共同点。

查看 Gallery 应用程序中的“Bootom 应用程序栏”演示。按下搜索按钮，您会看到它出现了。或者只需将 Scaffold 添加到使用 flutter create 命令构建的应用程序。

发生这种情况是因为 FAB 按钮在屏幕上的放置方式以及 Scaffold 显示 Snackbar 的效果。

FAB 按钮显示在Scaffold 内容的内容区域底部。当内容区域缩小以包含 BottomAppBar 时，FAB 会随之上升。它与 Overlay 无关。

你有两个选择:

1. 要么创建自己的 FAB 版本，但不是由 Scaffold 控制。
2. 或者你破解了脚手架，这样 SnackBar 的大小就不会被占用考虑在内。

对于第二个选项，您可以尝试以下操作:

• 转到 flutter 安装中的文件/lib/src/material/scaffold.dart 并在 _ScaffoldLayout 中查找代码 snackBarSize: snackBarSize, 的行类。
• 将其替换为 snackBarSize: Size(0.0, 0.0),

您会看到 FAB 留在原处。