自定义小部件中的文本居中

Question

我的 UI 组件有点问题。

我创建了自己的小部件，其中包含提升按钮 - 它应该用于登录实例。

问题是我无法正确居中我的文本小部件。

Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              SizedBox(
                height: 25,
                child: Image.asset(
                  imagepath,
                ),
              ),
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 8.0),
                  child: Text(
                    text,
                    textAlign: TextAlign.center,
                  ),
                ),
              ),
            ],
          ),
        ],
      )

https://imgur.com/a/NF82cW9 - 这是我的问题的示例。

文本小部件的开头不是相同的宽度 - 它应该是。

我该如何解决这个问题？

Answer 1

您尝试过将文本小部件居中吗？ 或者您应该尝试仅使用扩展小部件而不是填充小部件来包装文本小部件，这可能会解决您的问题。

           Padding(
              padding: const EdgeInsets.symmetric(horizontal: 8.0),
              child: Expanded(
              child:  Text(
                text,
                textAlign: TextAlign.center,
              ),
            ),
          ),