flutter - 使用不透明度会产生错误的脚手架背景颜色

Question

main() => runApp(
      MaterialApp(
        home: CountryScreen(),
      ),
    );

以及在 CountryScreen 构建的小部件方法中

return Scaffold(
  backgroundColor: Colors.lightGreen.withAlpha(125),
  body: Column( ...

Scasffold 的背景颜色如下，显然这是一个错误的颜色，因为 Colors.lightGreen.withAlpha(125) 与黑色混合。

在使用 Alpha 或不透明度与颜色时如何避免此类行为？

例如，如果我使用纯色 Colors.lightGreen 作为脚手架背景，它不会与黑色混合，这样就可以了。

Answer 1

当您导航到页面时，使用自定义 PageRouteBuilder。

喜欢:

Widget opaquePage(Widget page) => PageRouteBuilder(
   opaque: false,
   pageBuilder: (BuildContext context, _, __) => page,
);

现在导航到您的页面:

Navigator.push(
  context,
  opaquePage(MyScaffoldWidget),
)

然后你应该能够使你的Scaffold的背景透明:

Scaffold(
  backgroundColor: Colors.purple.withOpacity(.85),
  ...