如果上行有足够的空间，则在两行中显示文本组件

Question

我正在使用文本组件来显示如下所示的文本。

[文本] [文本] [文本] ...

问题是我有一些以";"开头的文本内容"、"或"."

我不希望这些出现在每行的第一部分。

例如：（忽略 []，[] 表示文本组件）

[和][

3. 上帝说][，让那里][成为光]

   [

   ：那里][是][光][。

自

[和][

3. 上帝说][，让那里][成为光][：和

   那里][是][

   光][。

如果有足够的空间显示文本的某些部分，如何将 [： 和那里] 文本组件放在两行中？（例如："：和"）

Answer 1

编辑的答案

将组件一个

接一个地放置在嵌套文本组件中将产生所需的行为，如 React-Native 文档的第一个示例所示：此处。

<Text>
    <Text>
        {text1}
    </Text>
    <Text>
        {text2}
    </Text>
</Text>

---

以前但不需要的解决方案 - 包括分隔字符串：（将其留在这里，以防答案在类似但不准确的情况下有所帮助）

我会[: and there]分成两个文本组件（因为在我看来它们是两个单独的文本组件），一个是[: and]或[:]，第二个是其余的。但是，如果你的应用中需要一些逻辑将两个分离的组件关联到一个组件中，请使用某个变量来保存该信息。让我们说像compID或类似的东西。

所以它看起来像：

id=0  id=1       id=2          id=3      id=4
[And] [God said][, let there] [be light][: and]
id=4    id=5  id=6   id=7
[there] [was] [light][.]