如何在Reacti-Native

Question

How can I insert a line break into a text component in React Native?

我在这里检查了我的问题。
但是我的情况有些不同。
所以这种方式是行不通的。
这是我的容器代码，它为ContactInfo提供了支持。

  return data.map( 
    (contact, i) => { 
      return (<ContactInfo contact={contact} key={i} />); 
    } 
  );

这是子组件。它接收道具作为联系人。

      <Text>{this.props.contact.name}</Text>

然后finllay，它给出结果“名称”。
我希望

David
John
Wade

但是它给出了'DavidJohnWade'。

我不能将{"\n"}和`放到子组件中，因为那只是一行。
我该如何解决？

Answer 1

由于您传递的是字符串，因此如果传递{"\n"}只会将其视为字符串。尝试使用javascript方式，在contact.name中使用“ \ n”，例如"David \n John \n Wade"