字符串内的换行符（React Native）

Question

我正在开发一个应用程序，该应用程序有时会从Facebook Graph API接收字符串。

字符串看起来像这样：

"Some text some text, some text.\n\nMore text and more\n\nAnd little bit more".

如何用换行符替换\ n \ n，在代码中实际起作用？

我知道如何用某些东西代替它：

var ret = stringToReplace.replace('\n\n','<br />');

但是我如何用换行符代替它。我试图用'\ n''\ r \ n'代替。每次替换都像普通文本一样。例如：

"Some text some text, some text.<br />More text and more<br />And little bit more"

Answer 1

我知道我参加聚会的时间很晚，但是最近我在用\n从数据库中获取数据时遇到了同样的问题。对我有用的解决方案是运行replace方法并将传入的\n替换为jsx \n。因此，您的情况应该是：

var ret = stringToReplace.replace(/\\n/g,'\n');

看起来像一个非常愚蠢的解决方案，但是它对我有用。

Answer 2

我测试以下代码，它可以工作。您应该只将文本包装在<Text>组件中。

export default class App extends React.Component {
  text = "Some text some text, some text.\n\nMore text and more\n\nAnd little bit more"

  render() {
    return (
      <View style={styles.container}>
        <Text>
          {this.text}
        </Text>
      </View>
    );
  }
}

这段代码的结果如下：

Answer 3

React/React native 有换行对象 {`\n`}，见下面的代码示例

<Text style={{margin: 10}}>
 Our Address {`\n`}

xxx, Clear Water Bay Road {`\n`}
Clear Water Bay, Kowloon {`\n`}
HONG KONG {`\n`}
Tel: + xx {`\n`}
Fax: + xx {`\n`}                    
</Text>