flutter LinearGradient 透明到白色覆盖

Question

我正在尝试制作一个从透明逐渐变为白色的容器。我会把它放在东西上面，这样看起来后面的内容正在逐渐消失到背景的白色中。

当我尝试使用 LinearGradient 执行此操作时，我得到了这种奇怪的灰色。

Widget body() => Stack(
  children: [
    MyFormWidget(),
    Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
          colors: [Colors.transparent, Colors.white])))]);

这是怎么回事？

我尝试了 ShaderMask，但它只适用于 child ，我不想将页面内容作为 child 包含，因为我只想将其应用于屏幕的一部分。

如何在堆栈顶部制作一个简单的透明-> 白色 Fad 容器？

Answer 1

将 Colors.transparent 替换为 Colors.white.withOpacity(0.0)