Question

我想使用一个背景颜色的小部件，它只占用特定空间而不扩展为全屏。但是，如果我用 Container 尝试这个，它就不会像我想要的那样工作：

Container(
    decoration: BoxDecoration(
        color: AppColors.white.withOpacity(0.8),
        borderRadius: BorderRadius.circular(24),
    ),
),

这段代码占据了整个屏幕，而不是只使用它需要的大小。

这个想法是在一个列中显示一个文本和一个按钮，背景色为白色。我怎样才能做到这一点？

Answer 1

其实我不太明白你的问题，但是你可以将容器包裹在容器中，并在其中添加填充。或者您可以使用堆栈使您的设计更具动态性。

这是我的代码：也许如你所愿

SingleChildScrollView(
    child: Container(
        padding: EdgeInsets.all(10),
        decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(6),
            color: Colors.green
        ),
        child: Container(
          color: Colors.orange,
          child: Column(
            children: [
              Text('Text 1'),
              FlatButton(onPressed: (){}, child: Text("Button1"))
            ],
          ),
        )
    ),
  )

希望能帮到你，谢谢

Flutter 小部件背景未填满屏幕

1 个答案: