flutter - 等价于 Flutter 中 CSS 的数值型 vertical-align

Question

在 CSS 中，该vertical-align属性可用于垂直对齐内联元素的框在其包含的行框内；请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align。它可以采用各种固定值，例如top, baseline, middle，它们似乎具有 Flutter 等效项，但它也可以采用数字长度，例如10px，我无法在 Flutter 中找到等效项。所以，问题：

有没有办法获取一个小部件并根据基线从其正常对齐中垂直偏移指定数量的逻辑像素？（用TextSpan、 或WidgetSpan来举例说明。）

我无法先验地访问子元素的高度，因此使用Align似乎不可行，因为这会与相对长度对齐。

标签： flutterflutter-layout

Answer 1

将您的小部件包含在Padding小部件中可能会起作用：

Padding(
    padding: EdgeInsets.all(10.0),
    child: YourWidget(),
  )

您可以使用以下属性仅将小部件的某些方面指定到 Padding 构造函数中padding：

（参见EdgeInsets 类）

padding: EdgeInsets.only(bottom:10.0)

这样，仅在引用的小部件的底部会有一个填充。