如何使图像/小部件的某些部分透明，如屏幕截图所示

【问题标题】：How to make some parts of an image/widget transparent as shown in the screenshots如何使图像/小部件的某些部分透明，如屏幕截图所示
【发布时间】：2021-03-13 12:02:18
【问题描述】：

我想用 LinearGradient 渐变使最后的这个图像或小部件透明。老实说，我不完全确定如何做到这一点，因为我只知道如何使用 Opacity 小部件使整个图像/小部件透明。

有人可以在这里帮助我大致了解一下，如何做到这一点？#

[]

【问题讨论】：

标签： image flutter opacity skia

【解决方案1】：

最后答案相当简单，因为已经有一个小部件可用于此任务。小部件名称是 ShadowMask。

这是使我能够获得上述效果的部分代码。

return ShaderMask(
        shaderCallback: (rect) => LinearGradient(
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
          colors: [Colors.white, Colors.white.withOpacity(.2), Colors.transparent],
          stops: [.6,.8, .9],
        ).createShader(rect),
        child: ...

根据你想要达到这个效果的程度，你可以改变颜色或停止它。

【讨论】：