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

javascript react-native text newline

2022-08-29 23:00:34

我想在 React Native 的 Text 组件中插入一个新行（如 \r\n，<br />）。

如果我有：

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

答案 1

这应该这样做：

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

答案 2

您还可以执行以下操作：

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

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

推荐