使用颤振将图像定位在颜色条下方答案

【问题标题】：positioning an image below a color bar using flutter使用颤振将图像定位在颜色条下方
【发布时间】：2020-12-05 23:08:10
【问题描述】：

我需要将蓝色图像定位在金色条下方。图片链接如下。enter image description here

 return Container(
    decoration: BoxDecoration(
      gradient: LinearGradient(
        begin: Alignment.centerLeft,
        end: Alignment.centerRight,
        colors: [Color.fromRGBO(242,88,88,1.0),Color.fromRGBO(200, 88, 88, 1.0)]
      ),
    ),
    child: Column(
      children: [
        Container(
          color: Color(0xFFEE970B),
          height: 125,
          width: MediaQuery.of(context).size.width,
        ),
      ]
    ),
  );

【问题讨论】：

标签： flutter dart

【解决方案1】：

您可以使用Stack Widget 将小部件堆叠在一起。如果这不是您想要的，请说明您的问题。

【讨论】：

不，不是一个在另一个之上。只是一个低于另一个。颜色条然后是下面的蓝色图像。
然后简单地将第二个小部件放入子列表中。类似的东西：`孩子：列（孩子：[容器（颜色：颜色（0xFFEE970B），高度：125，宽度：MediaQuery.of（context）.size.width，），容器（颜色：颜色（0x97A8FF0B），高度： 125、宽度：MediaQuery.of(context).size.width,),]),`
当我添加另一个容器时，它会在金条和图像之间留下一个空间。我不想要任何空间。为了解决这个问题，我在没有小部件的金色条容器下方添加了图像。它现在起作用了。我有文字要添加到 image.Image.asset('data', height: 300, width: MediaQuery.of(context).size.width, fit: BoxFit.fitWidth, ),