颤振线性渐变不显示答案

【问题标题】：Flutter Linear Gradient Not Displaying颤振线性渐变不显示
【发布时间】：2020-01-15 19:18:57
【问题描述】：

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

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),
        ],
      ))),

在热重启和重新安装应用程序后它不会显示。我错过了什么吗？任何帮助，将不胜感激。

【问题讨论】：

标签： flutter linear-gradients

【解决方案1】：

"不能同时提供颜色和装饰\n颜色参数是只是 \"decoration: new BoxDecoration(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),
    ],
  ))),

结果

【讨论】：

感谢您指出错误，事实证明我正在使用以前设计的屏幕的复制粘贴结构编辑另一个屏幕。