使用 ShaderMask 将 LinearGradient 放在 Widget 前面

Question

我正在尝试在 Flutter 中实现这一点：

所以我做了这个StatelessWidget：

class Scrim extends StatelessWidget {
  Scrim({
    @required this.child
  });

  final Widget child;

  @override
  Widget build(BuildContext context) {
    return ShaderMask(
      shaderCallback: (Rect bounds) {
        return LinearGradient(
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
          colors: [Colors.black45, Colors.transparent],
        ).createShader(bounds);
      },
      blendMode: BlendMode.darken,
      child: child,
    );
  }
}

但我找不到blendMode 让它看起来像我想要的那样。有什么建议吗？

Answer 1

为了达到这个效果，你必须使用Stack 小部件。 Stack 有一个 children 属性，它只是一堆堆叠在一起的小部件。

所以你有：

堆栈

• 图片
• 渐变叠加

AFAIK 无法使用 ShaderMask 来满足您的需求。