颤振中柱的子体之间的间距

Question

我有一个列小部件，其中有两个TextField小部件作为子部件，我希望它们之间有一些空间。

我已经尝试了mainAxisAlignment:mainAxisAlignment。spaceAround，但结果不是我想要的。

Answer 1

您可以使用Wrap（）小部件代替Column（）在子小部件之间添加空间。并使用“间距”属性在子对象之间提供相等的间距

Wrap(
  spacing: 20, // to apply margin in the main axis of the wrap
  runSpacing: 20, // to apply margin in the cross axis of the wrap
  children: <Widget>[
     Text('child 1'),
     Text('child 2')
  ]
)

Answer 2

您可以在小部件之间放置一个具有特定高度的大小框，如下所示：

Column(
  children: <Widget>[
    FirstWidget(),
    SizedBox(height: 100),
    SecondWidget(),
  ],
),

为什么更喜欢将小部件包装在填充中？可读性！视觉样板更少，缩进更少，代码遵循典型的阅读顺序。

Answer 3

您可以在这两个小部件之间使用Padding小部件，或者使用Padding小部件包装这些小部件。

使现代化

SizedBox小部件可以在两个小部件之间使用，以在两个小部件之间添加空间，它使代码比填充小部件更可读。

前任：

Column(
  children: <Widget>[
    Widget1(),
    SizedBox(height: 10),
    Widget2(),
  ],
),