Flutter 如何在Flatter中创建两种不同颜色的布局背景？

我试图制作一个布局，如图中所示，但我不知道如何创建一个有两种颜色和重叠按钮的背景。 我不知道是否有一个小部件可以做到这一点，或需要一些代码。。。 任何建议或帮助都将是伟大的！（这是我有史以来的第一篇帖子，如果有什么不对劲，我很抱歉！！） 谢谢

---

一种可能的方法是使用堆栈。将背景颜色设置为灰色（我认为是色盲），将白色部分添加为位于底部的图像。最后添加按钮，再次位于底部

---

仔细检查你的图片，我现在发现我认为底部的图片实际上只是一种颜色。您只需要两个容器和堆栈中的一个按钮。第一个容器应该填满整个空间，第二个容器应该有一个高度设置（这里对多个设备大小做出响应），最后添加您的RaisedButton。

执行类似操作

body: Stack(
    children: <Widget>[
      Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        mainAxisAlignment: MainAxisAlignment.start,
        children: <Widget>[
          Container(
            width: MediaQuery.of(context).size.width,
            height: 300,
            color: Colors.grey,
          ),
        ],
      ),
      Positioned(
        top: 280,
        left: 50,
        right: 50,
        child: RaisedButton(
          color: Colors.white,
          child: Text("Your Button"),
          onPressed: () {},
        ),
      )
    ],
  ),

body:Stack(
儿童：[
纵队(
crossAxisAlignment:crossAxisAlignment.stretch，
mainAxisAlignment:mainAxisAlignment.start，
儿童：[
容器(
宽度：MediaQuery.of（context）.size.width，
身高：300，
颜色：颜色。灰色，
),
],
),
定位(
top:280，
左:50,，
右:50,，
孩子：升起按钮(
颜色：颜色，白色，
孩子：文本（“你的按钮”），
按下：（）{}，
),
)
],
),

你会得到

---

让我知道它是否有效

您应该使用堆栈和内部堆栈用于容器和一个按钮Wesome，这正是我要找的！谢谢你，阿哈米德！