不显示颤振线性梯度

Question

我正在尝试向容器添加线性渐变，如下所示：

Container(
      color: Colors.white,
      width: double.infinity,
      height: double.infinity,
      decoration: BoxDecoration(
          gradient: LinearGradient(
        begin: Alignment.topLeft,
        end: Alignment.bottomRight,
        stops: [0.1, 0.5, 0.9],
        colors: [
          Color(0xFFffe9bf),
          Color(0xFFffd280),
          Color(0xFFffb020),
        ],
      ))),

在热重启并重新安装该应用后，它不会显示。我想念什么吗？任何帮助，将不胜感激。

Answer 1

“无法同时提供颜色和装饰\ n颜色参数为只是\“装饰：new BoxDecoration（color：color）\”的简写。“

因此从删除容器中的color属性开始删除

Container(
  color: Colors.white,
  width: double.infinity,..

══╡渲染库引起的异常╞═══════════════════════════════════════ ══════════════════在performLayout（）期间引发了以下断言：BoxConstraints强制无限高。令人讨厌的约束是：BoxConstraints（w = 661.0，h = Infinity）
您可能想给容器的宽度和高度已知值，可以是常数，也可以使用MediaQuery，如图所示
Container(

  width: 100,
  height: 50,
  decoration: BoxDecoration(
      gradient: LinearGradient(
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
    stops: [0.1, 0.5, 0.9],
    colors: [
      Color(0xFFffe9bf),
      Color(0xFFffd280),
      Color(0xFFffb020),
    ],
  ))),

结果