Ios 用溢出的长文本对齐 Flutter 中的行和列

EDIT:要使文本换行到下一行，请用Expanded():

Row(
          children: [
            ClipRect(
              child: Container(
                height: 11,
                width: 11,
                child: Image.asset('assets/info.png'),
              ),
            ),
            Expanded(
              child: Column(
                children: [
                  Text(
                    "Now that you've finished a plan, it's essential to measure your growth. We've included assessments and activities to do just that.",
                    style: TextStyle(
                      overflow: TextOverflow.visible,
                      color: Color(0x80484848),
                      fontWeight: FontWeight.w400,
                      fontSize: 30,
                    ),
                  ),
                ],
              ),
            ),
          ],
        )

为了避免溢出，用Flexible()包裹Container()，用FittedBox()包裹Text().

FittedBox()上的文档:

根据适合度在其内部zoom 和定位子对象.

因此，fittedBox将相应地调整字体大小.

您的代码应该如下所示:

Row(
          children: [
            ClipRect(
              child: Container(
                height: 11,
                width: 11,
                child: Image.asset(
                    'assets/info.png'),
              ),
            ),
            Flexible(
              child: Container(
                height: 48,
                child: Column(
                  children: [
                    FittedBox(
                      child: Text(
                        "Now that you've finished a plan, it's essential to measure your growth. We've included assessments and activities to do just that.",
                        style: TextStyle(
                          color: Color(0x80484848),
                          fontWeight: FontWeight.w400,
                          fontSize: 30,
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ],
        )

结果(注意文本大小比例):

或者，您也可以使用TextOverflow而不是FittedBox()，这将在溢出文本中添加省略号(...):

 Row(
          children: [
            ClipRect(
              child: Container(
                height: 11,
                width: 11,
                child: Image.asset(
                    'assets/info.png'),
              ),
            ),
            Flexible(
              child: Container(
                height: 48,
                child: Column(
                  children: [
                    Text(
                      "Now that you've finished a plan, it's essential to measure your growth. We've included assessments and activities to do just that.",
                      style: TextStyle(
                        overflow: TextOverflow.ellipsis,
                        color: Color(0x80484848),
                        fontWeight: FontWeight.w400,
                        fontSize: 30,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ],
        )

结果(注意省略号):