如何在 React Native 中的 <Text> 组件中插入换行符？

Question

我想在 React Native 的 Text 组件中插入一个新行（如 \r\n、

）。

如果我有：

<text>
<br />
Hi~<br />
this is a test message.<br />
</text>

然后 React Native 渲染 Hi~ this is a test message.

是否可以渲染文本以添加新行，如下所示：

Hi~
this is a test message.

原文由 Curtis 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这应该这样做：

 <Text>
 Hi~{"\n"}
 this is a test message.
 </Text>

原文由 Chris Ghenea 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

你也可以这样做：

 <Text>{`
Hi~
this is a test message.
`}</Text>

在我看来更容易，因为您不必在字符串中插入内容；只需将它包装一次，它就会保留你所有的换行符。

原文由 Venryx 发布，翻译遵循 CC BY-SA 3.0 许可协议