Flutter 对齐：不适用于多行文字

发布于02月06日

摆动右对齐:多行文字不右对齐.

       SizedBox(
              width: 108,
              child: Align(
                  alignment: Alignment.topRight,
                  child: Padding(
                    padding: const EdgeInsets.only(right: 16.0),
                    child: Text('Billing Address:'),
                  )),
            );

当文本"Billing Address:"呈现为两行时，它是左对齐，而不是右对齐.

---------------
Billing       |
Address:      |
---------------

它只适用于一行，例如，"name:"

---------------
        Name: |
---------------

推荐答案

在"name:"的情况下，Text小部件只采用其文本适合的宽度，因此它看起来正确地与父小部件的右上角对齐.

在"帐单地址:"的情况下，Text小部件的大小达到了可用的最大宽度，因此它实际上被Align小部件正确地与右上角对齐.但是，默认情况下，内部文本本身仍与开头对齐(左，以LTR direction为单位).

您必须通过将textAlign设置为TextAlign.end(使用Ltr方向时)来对齐Text小工具本身内的文本:

Text(
  // ...
  textAlign: TextAlign.end,
)

Flutter相关问答推荐

在Flutter中创建具有固定行的压缩水平列表

Flutter 对齐：不适用于多行文字

推荐答案

Flutter相关问答推荐

在Flutter中创建具有固定行的压缩水平列表

Flutter：sqflite DB

try 在Flutter应用程序中传递变量到FirebaseFirestore Where子句

在Flutter 中将参数从一个类传递到另一个类

flutter -当使用SingleChildScrollView包装我的列小部件时，它不会填充整个高度

从超级应用程序启动时，Flutter 小应用程序中未加载资源

设置Flutter 中的ListView.Builder()的最小高度

显示图像的放大部分

在 Flutter 中显示有关提供者通知的对话框

如何在向下滚动时隐藏顶部卡片并在向上滚动时出现？

Flutter sliver 持久化

在 CircleAvatar 中放置芯片

Flutter：当我通过 Transform.rotate 旋转水平 ListView 时，左右边缘被切断

出现错误；运算符[]不是为对象类型定义的？功能()'

Flutter 中的无效日期格式 2022 年 11 月 14 日

try 为两个下拉值添加共享首选项，但在 Flutter 上显示错误断言失败：？

我收到这个错误我无法解决

Navigator.push '！_debugLocked' 上的错误：不正确

根据索引/变量更改小部件的 colored颜色

如何将图像网络装箱到具有边界半径的容器中