Question

我的Flutter布局有问题。

我有一个简单的容器，左边和左边是20.0 在这个容器里面我有另一个容器。

但是这个容器只适合左侧的父容器。我不知道为什么会这样。

这是我的代码：

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      backgroundColor: Colors.white,
      body: new Container(
        margin: new EdgeInsets.symmetric(horizontal: 20.0),
        child: new Container(

        )
      ),
    );
  }

Screenshot of the Problem

Answer 1

您可以使用左右值：）

@override
      Widget build(BuildContext context) {
        return new Scaffold(
          backgroundColor: Colors.white,
          body: new Container(
           margin: const EdgeInsets.only(left: 20.0, right: 20.0),
            child: new Container(

            )
          ),
    );
  }

Answer 2

Container(
  margin: EdgeInsets.all(10) ,
  alignment: Alignment.bottomCenter,
  decoration: BoxDecoration(
    gradient: LinearGradient(
      begin: Alignment.topCenter,
      end: Alignment.bottomCenter,
      colors: <Color>[
        Colors.black.withAlpha(0),
        Colors.black12,
        Colors.black45
      ],
    ),
  ),
  child: Text(
    "Foreground Text",
    style: TextStyle(color: Colors.white, fontSize: 20.0),
  ),
),

Answer 3

您可以尝试：

new Container(
    margin: const EdgeInsets.only(left: 20.0, right: 20.0),
    child: new Container()
)

颤振布局容器边距

3 个答案: