Javascript React原生文本组件：如何组合url和其他字符串？

我有一个像

http://abc.go.com

或

http://abc.go.com

在React Native中，我有一个

..

来包含一些子

..

我的结构如下：

<Text>
    <Text>
      My homepage is a link like : 
    </Text>
    <Text>
      http://abc.go.com
    </Text>
    <Text>
      Welcome Welcome
    </Text>
</Text>

这个结果不是我想要的。（如果一行不足以显示url）我希望结果应该是：

My homepage is a link like : 
http://abc.go.com Welcome Welcome

我的问题是如何将带有“http://”前缀的整个url与其他字符串组合起来

---

我的环境是React Native，JavaScript

一个简单的解决方案如下

<Text>
    <Text style={{flex:1}}>
        My homepage is a link like : 
    </Text>
    <Text>
        http://abc.go.com
    </Text>
    <Text>
       Welcome Welcome
     </Text>
</Text>

我的主页是一个链接，如：
http://abc.go.com
欢迎欢迎欢迎

但这会使

我的主页是一个链接，如：

---

在屏幕上始终占据一整行，这可能不适合所有用例，如果您能给出更详细的描述，我可以想出一个更通用的解决方案。

您可以通过在不希望出现其他文本的位置插入换行符来强制换行

<Text>
  <Text>
    `My homepage is a link like :{'\r\n'}`
  </Text>
  <Text>
    http://abc.go.com
  </Text>
  <Text>
    Welcome Welcome
  </Text>
</Text>

`我的主页是如下链接：{'\r\n'}`
http://abc.go.com
欢迎欢迎欢迎

---

顺便说一句，我不能完全重现你的错误。在我的例子中，单独的内部

文本
组件都在单独的一行中。
我明白你的意思，如果我的第一个文本标记文本只有一两个单词，我的第二个文本标记不在同一行中，我希望这个例子是动态的。@tommychoo我还不能重现你的错误。为此，我们需要更多的信息：问题是发生在Android还是iOS上，还是两者都有？错误发生在哪个设备的屏幕大小上？您使用哪一版本的react-native？我的版本是“react”：“^0.14.8”和“react-native”：“^0.25.1”，iOS或android上的一些小设备可能会出现此问题，例如iphone 4-5s大小，我找到了此案例的图片，谢谢，但您的建议与上述选项相同。
<Text>
  <Text>
    `My homepage is a link like :{'\r\n'}`
  </Text>
  <Text>
    http://abc.go.com
  </Text>
  <Text>
    Welcome Welcome
  </Text>
</Text>