多行文字不居中

问题描述 投票:0回答:0

我正在开发我的第一个 flutter 应用程序,试图将文本居中。下面显示了带有简短文本的屏幕,就像预期的那样:

如果文本较长并且跨越更多行,则输出如下:

预期输出为:

代码片段:

Column(
    children: snapshot.data!
        .map(
          (memberData) => Column(
            children: [
              Padding(
                padding: const EdgeInsets.only(bottom: 20),
                child: Container(
                  color: Colors.yellow,
                  child: Text(
                    "memberData.name memberData.name memberData.name",
                    style: const TextStyle(fontSize: 20),
                  ),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(bottom: 20),
                child: Text(
                  memberData.id.toString(),
                  style: const TextStyle(fontSize: 20),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(bottom: 20),
                child: Text(
                  memberData.userRole,
                  style: const TextStyle(fontSize: 20),
                ),
              ),
              Container(
                alignment: Alignment.center,
                height: 150,
                width: 150,
                child: QrImage(
                  data: memberData.uuid.toString(),
                  version: QrVersions.auto,
                  size: 150.0,
                ),
              ),
              memberData == snapshot.data!.last
                  ? Container()
                  : const Padding(
                      padding: EdgeInsets.only(bottom: 50),
                    ),
            ],
          ),
        )
        .toList(),
)

我怎样才能实现它?

flutter centering
© www.soinside.com 2019 - 2024. All rights reserved.