是否可以在同一行上有多个文本小部件，但将它们包装起来，这样它们就不会溢出，同时也利用 Flutter 中的所有空白空间？

Question

很难在标题中解释，但我想在一个换行小部件中有两个文本小部件，这样它们就不会溢出，但我也希望它们像跨度一样一个接一个地放置，这样它们就在同一行，并且它读取作为一个句子。我希望能够为一个特定单词涂上与句子其余部分不同的颜色。

我明白为什么会这样。文本小部件太长，无法容纳该行的剩余空间，因此它换行到新行。

是否有办法做到这一点，以便它可以在适当的位置打破文本小部件并使用整行，或者我必须将每个单词设为单独的文本小部件才能做到这一点？

Wrap(
                                      children: [
                                        Text("This is the first part ",
                                            style: TextStyle(
                                                color: WorkoutTheme.textPrimaryWhite,
                                                fontSize: WorkoutTheme.h1Size,
                                                fontWeight: FontWeight.w600,
                                                height: 1)),
                                        Text("this is second",
                                            style: TextStyle(
                                                color: Colors.red, fontSize: WorkoutTheme.h1Size, fontWeight: FontWeight.w600, height: 1)),
                                        Text(" this wraps to a new line",
                                            overflow: TextOverflow.clip,
                                            style: TextStyle(
                                                color: WorkoutTheme.textPrimaryWhite,
                                                fontSize: WorkoutTheme.h1Size,
                                                fontWeight: FontWeight.w600,
                                                height: 1)),
                                      ],
                                    )

Answer 1

您可以使用RichText Widget。 您可以点击此链接来执行此操作。 富文本