flutter 2个container 边距

您可以在 `Container` 中使用 `padding` 或 `margin` 属性来设置边距。

例如，以下代码创建两个 `Container`，并在它们之间添加 `10` 个逻辑像素的垂直间距：

Column(
  children: [
    Container(
      color: Colors.blue,
      height: 100,
      width: 100,
      margin: EdgeInsets.all(10),
    ),
    Container(
      color: Colors.red,
      height: 100,
      width: 100,
      margin: EdgeInsets.all(10),
    ),
  ],
)

在上面的代码中，我们使用 `Column` 将两个 `Container` 垂直排列，并在它们之间添加了 `10` 个逻辑像素的垂直间距。每个 `Container` 使用 `margin` 属性添加了 `10` 个逻辑像素的外边距。这将使得每个 `Container` 在其周围添加 `10` 个逻辑像素的空白区域。

相关问题

flutter中的Container的padding的左右边距怎么设置

在 Flutter 中，我们可以使用 `EdgeInsets` 类来设置 `Container` 组件的内边距（padding）。其中，`EdgeInsets` 类中有四个属性分别表示上、下、左、右四个方向的内边距大小。因此，要设置 `Container` 组件的左右内边距大小，可以通过设置 `EdgeInsets` 的 `left` 和 `right` 属性来实现。

例如，要将一个 `Container` 组件的左内边距设置为 10，右内边距设置为 20，可以按照以下方式设置 `padding` 属性：

Container(
  padding: EdgeInsets.only(left: 10, right: 20),
  child: // 子组件
);

如果需要设置上下左右四个方向的内边距，可以使用 `EdgeInsets.fromLTRB()` 方法：

Container(
  padding: EdgeInsets.fromLTRB(10, 20, 30, 40),
  child: // 子组件
);

其中，`10` 表示左内边距大小，`20` 表示上内边距大小，`30` 表示右内边距大小，`40` 表示下内边距大小。

flutter container padding

在Flutter中，Container是一个常用的布局组件，它可以包含一个子组件，并且可以对子组件进行一些常见的布局操作。其中，padding是Container的一个重要属性，可以用来设置内边距。

Padding是指Container内部边界与其子组件之间的距离。我们可以使用EdgeInsets类来设置padding的值。例如，如果我们想在Container的顶部和底部分别设置10像素的padding，可以这样写：

Container(
  padding: EdgeInsets.only(top: 10.0, bottom: 10.0),
  child: // 子组件
);

这里的`EdgeInsets.only()`方法表示只设置指定的边距，我们可以根据需要设置不同的边距值。另外，还有其他的`EdgeInsets.all()`、`EdgeInsets.symmetric()`等方法可以用来设置不同的padding值。

需要注意的是，如果我们使用了Container的margin属性，那么padding会在margin的外部，也就是说，padding不会影响到Container的布局位置。如果想要设置Container内部的边距，应该使用padding属性。