Flutter 文本连续溢出

Question

我有一个 Row，里面有两个 Text 小部件：

Card(...
  Padding(...
    Column(...
      Padding(...
        Column(
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text('Text'),
                Text('Long text'),
              ],
              ...

输出是这样的：

+----------------------------+
 Text               Long text 
+----------------------------+

如果第二个文本大于可用的space，我想要这样的东西：

+----------------------------+
 Text Loooooooooooooooooooong 
      texttttttttttt 
+----------------------------+

但我收到溢出错误：

+----------------------------+
 Text Loooooooooooooooooooong texttttttttttt 
+----------------------------+

我该怎么办？

Answer 1

将展开的小部件中的第二个文本换行

Row(
    children: [
      Text('Text'),
      Expanded(
        child: Text(
          'Loooooooooooooooooooong texttttttttttt ',
          textAlign: TextAlign.right,
        ),
      ),
    ],
),

Answer 2

我会使用 flex 来防止它占用整个视图的大小

Row(
    children: [
      Text('Text'),
      Flexible(
        child: Text(
          'Loooooooooooooooooooong texttttttttttt ',
          textAlign: TextAlign.right,
        ),
      ),
    ],
),

Flutter 文本连续溢出

Flutter text overflow in a Row

flutter

flutter-layout