Fatal编程技术网
  • react-native/
  • React native 如果上一行有足够的空间，则在两行中显示文本组件

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

react-native

React native 如果上一行有足够的空间，则在两行中显示文本组件,react-native,React Native,我使用文本组件来显示文本，如下所示 [正文][正文][正文] 问题是我有一些以“；”开头的文本内容或“.” 我不希望它们出现在每行的第一部分 例如：（忽略[]，[]表示文本组件） [和][上帝说][让那里有光] [：那里][有][光].] 到 神说，要有光 有[有][光].] 如果有足够的空间显示文本的某些部分，我如何将[：and there]文本组件放在两行中？（例如：“：and”）编辑的答案 将组件一个接一个放置在嵌套文本组件中将产生所需的行为，如React本机文档的第一个示例所示： 是的，

我使用文本组件来显示文本，如下所示

[正文][正文][正文]

问题是我有一些以“；”开头的文本内容或“.”

我不希望它们出现在每行的第一部分

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

  • [和][上帝说][让那里有光]

    [：那里][有][光].]

    • 到

  • 神说，要有光

    有[有][光].]

    • 如果有足够的空间显示文本的某些部分，我如何将[：and there]文本组件放在两行中？（例如：“：and”）

    编辑的答案

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

    是的，有一些逻辑和来自web api的数据，这些数据已经经过预处理。我可以强制按空格分割，但目前只想解决这个问题，如果可能的话，不分割文本。你能按文本组件的顺序共享代码吗？因为Text Component后跟Text Component基本上具有您要查找的行为（如果有足够的空间，它会在两行上打印文本），请看第一个示例。。如果我猜对了，这正是你想要的：是的，这正是我想要的，请你用那个链接编辑你的答案，这样我就可以接受你的答案。请用那个链接更新你的答案，这样对其他人会有帮助。：） 
    <Text>
    <Text>
        {text1}
    </Text>
    <Text>
        {text2}
    </Text>
</Text>

    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][.]