flutter 将文本与行中的容器/图标对齐

u4dcyp6a  于 2023-05-29  发布在  Flutter
关注(0)|答案(2)|浏览(213)

我的问题:将TextRow中的Container/Icon对齐
电流输出:(我想将此蓝线与文本水平居中对齐)x1c 0d1x
预期输出:(红色水平线表示指引线)

当前代码:

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Text(
      'Unit Details',
      style: textTheme.bodyLarge,
    ),
    kHorizontalSpaceS,
    Container(
      height: 4,
      width: 42,
      decoration: BoxDecoration(
        color: Pallete.brandColor,
        borderRadius: BorderRadius.circular(16),
      ),
    ),
  ],
),

我对Text基线的了解较少,但我尝试了CrossAxisAlignment.baseline,但它不起作用。
如何将蓝色Container与文本水平对齐?
我在Row中对齐IconText时也遇到了类似的问题。

oyjwcjzk

oyjwcjzk1#

我觉得应该使用mainAxisAlignment,因为它是一行。

nom7f22z

nom7f22z2#

你能用容器 Package 你的代码并给予必要的高度吗?

Container(
        height: 20,
        alignment: Alignment.centerLeft,
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [],
        ),

相关问题