颤振线性渐变不显示

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颜色参数为 只是\“ decoration：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),
    ],
  ))),

结果