Flutter 为什么 Navigator 会在透明 Widget 下改变 Scaffold 的颜色答案

【问题标题】：Flutter why is Navigator changing colour of Scaffold beneath transparent WidgetFlutter 为什么 Navigator 会在透明 Widget 下改变 Scaffold 的颜色
【发布时间】：2022-06-10 21:16:38
【问题描述】：

Q) 为什么在this DartPad 中的透明页面不像BottomNavigationBar 那样显示为纯蓝色，而BottomNavigationBar 也是透明的？

编辑：这只是为了说明我的 iOS 设备 + 模拟器上发生的问题。

Edit2：这在 Flutter V2 中运行良好，现在在 Flutter V3 中就不行了！

说明：

我有一个持久的BottomNavigationBar，我用自己的“导航器”包装每个选项卡的页面，所以我可以有单独的页面堆栈。没关系。

但是，在这个例子中，我希望我的页面是透明的，并显示背后的颜色，它包裹了整个屏幕。

演示：

如果您转到第 156 行 - 您可以在：return _page!; 和 return Visibility(... 之间切换

截图错误：

截图不错：

【问题讨论】：

标签： flutter dart transparency flutter-bottomnavigation

【解决方案1】：

似乎是 dartpad 渲染器的问题。我在 Android Studio 中运行了您的代码，并且都返回了相同的 UI。添加图片供您参考

【讨论】：

这不是 dartpad 渲染器，因为我在 iOS 设备上遇到了同样的问题。我只是使用 dartpad 来显示正在运行的代码。我怀疑您使用的是 V2+ 颤振，而不是 V3？
是的，我在 V2 上。你说的对。我使用了一个 iOS 模拟器来检查它。请尝试在其他设备上构建它。
在 Android 设备上相同（像素 4a Android 12）
如果你添加 MaterialPageRoute 而不是 CupertinoPageRoute 它会给出相同的结果。
是的——同样的事情。

【解决方案2】：

这是从 v2 到 v3 的回归错误。 Github问题在这里：

https://github.com/flutter/flutter/issues/105738

【讨论】：