dart - Flutter中Column的 child 之间的空间

标签 dart flutter flutter-layout

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

我已经尝试过mainAxisAlignment: MainAxisAlignment.spaceAround,但结果不是我想要的。

最佳答案

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

更新

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

例如:

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

关于dart - Flutter中Column的 child 之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52774921/

相关文章:

Dart 等价于 Java 的 StringBuilder

Flutter:如何使用具有抽象构造函数的小部件

firebase - 添加 Firestore 依赖项会导致 Flutter 应用程序出现错误

css - Flutter - 实现 CSS 径向渐变

flutter - 如何自定义 appbar 并在 flutter 中放置 Imageview

flutter - 了解 Flutter 渲染引擎

firebase - 将图像保存到Firebase存储后,StreamProvider返回null的速度过快

apache - 如何将简单的dart Web服务部署到apache服务器?

flutter - 我需要在 Flutter App 中的什么位置存储照片图像?

flutter - 底页初始高度为屏幕的一半,如果滚动则高度增加到全屏