如何在React Native中呈现从数据库检索到的字符串内的换行符？

Question

我无法在带有React Native的字符串变量中使用换行符。在我的数据库中，有一个名为name的字段。名称是一个字符串。名称可以包含特定的换行符。数据在我的React本机组件中获取，并在平面列表中呈现。

我尝试了各种组合：

• \n
• {n}

它们都不起作用，换行符被渲染为文本

\\ In database document
name: "Some\ntitle"
\\ or
name: "Some{'\n'}title"

\\ In React Native (simplified)
<FlatList
    renderItem={
        <Text>{item.name}<\Text>
    }
>
<\FlatList>

它呈现为：
一些标题或一些{n}标题

而不是：一些标题

-----------解决方案------------

//在数据库中，名称为：“Some\n title”

//在React Native
{item.name.replace（'\n'，'\n'）}

//渲染
一些
标题

Answer 1

试试这个解决方案：

   {item.name.split("\n").map((i,key) => {
      return <Text key={key}>{i}</Text>;
   })}

Answer 2

使用{"\n"}代替\n：

Some{"\n"}text

或

<Text>{`Some\ntext`}</Text>

Answer 3

换行符的字面意思是它在某个点被转义，实际上是。

它可以是{item.name.replace（'\\n'，'\n'）}。

实际问题是它根本被转义了。这可能会影响其他转义序列，应该在转义字符串的地方解决。