如何在 Flutter 中混合多个渐变？

Question

设计师在他们创建的 Figma Design 中组合了两个或多个渐变。在一些设计中，他们结合了径向渐变和线性渐变；而其他一些设计，他们结合了线性渐变和另一个线性渐变。

这是可以用 CSS 轻松完成的事情，但是，在 Flutter 中，我无法实现它。我已经阅读了几乎所有 Flutter 文档，但似乎没有解决方案。无论如何，我可以在不让设计师更改设计的情况下组合两个渐变吗？

Answer 1

必须将容器包裹在容器中才能达到这种效果：

Container(
  decoration: BoxDecoration(
    gradient: gradientOne,
  ),
  child: Container(
    decoration: BoxDecoration(
      gradient: gradientTwo,
    ),
    child: content,
  ),
)

适用于半透明渐变。

Answer 2

gradient: LinearGradient(
    begin: Alignment.topCenter, 
    end: Alignment.bottomCenter, 
    colors: [ Color.fromARGB(255, 255, 255, 255), 
              Color.fromARGB(255, 218, 217, 217)]
 )
),

//这就是我在容器中所做的。我将整个脚手架包裹在一个容器中，使背景变成白色到浅灰色。