对此有两种主要的解决方案。

方法一:只要在下面加上“\n”就可以了

<Text>
   First Line {'\n'} Second Line.
</Text>

方法2:在字符串字面量中添加换行符，如下所示。

 <Text>
   `First Line  
   Second Line`.
 </Text>

要了解更多信息，请参考下面的教程。

https://sourcefreeze.com/how-to-insert-a-line-break-into-a-text-component-in-react-native/

这应该做到:

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

我使用p标签的新行。这里我粘贴了代码，这对大家都有帮助。

const new2DArr =  associativeArr.map((crntVal )=>{
          return <p > Id :  {crntVal.id} City Name : {crntVal.cityName} </p>;
     });

如果有人正在寻找一个解决方案，你想要在数组中的每个字符串有一个新的行，你可以这样做:

import * as React from 'react';
import { Text, View} from 'react-native';


export default class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      description: ['Line 1', 'Line 2', 'Line 3'],
    };
  }

  render() {
    // Separate each string with a new line
    let description = this.state.description.join('\n\n');

    let descriptionElement = (
      <Text>{description}</Text>
    );

    return (
      <View style={{marginTop: 50}}>
        {descriptionElement}
      </View>
    );
  }
}

请参阅小吃现场示例:https://snack.expo.io/@cmacdonnacha/react- nativenew -break-line-example

最好的方法使用列表，如UL或OL，并做一些样式，如使列表样式none，你可以使用<li> dhdhhd </li>

有时我会这样写:

<Text>
  You have {" "}
  {remaining}$ {" "}
  from{" "}
  {total}$
<Text>

(因为我自己看得更清楚)