如何让 <Text> 在父项末尾输入新行？

Question

我正在学习 React Native，我运行遇到了一个问题，即我在到达其父容器末尾时没有输入新行。它只是扩展父级以在一行中显示文本。如何让它进入新行？

这是我的代码：

<TouchableOpacity style={styles.eventContainer}>
  <Image source={this.state.uri1} style={styles.eventImage} />
  <Text style={styles.eventDate}>{this.state.dateEvent1}</Text>
  <Text style={styles.eventText}>{this.state.tekstEvent1}</Text>
</TouchableOpacity>

这是我的风格：

  eventContainer: {
    width: "100%",
    height: "100%",
    alignItems: "center",
    marginTop: 15,
    marginLeft: 20 
  },
  eventText: {  
    marginStart: 10,
    marginEnd: 10,
    marginBottom: 10,
    marginTop: 0,
  },

这是我得到的：

Answer 1

您需要为 eventText 容器提供固定宽度，这是一个示例，但您可以根据自己的情况进行调整

eventText: {  
    width: "50vw";
    marginStart: 10,
    marginEnd: 10,
    marginBottom: 10,
    marginTop: 0,
  }

如何让 <Text> 在父项末尾输入新行？

How to make the <Text> enter new line when on end of parent?

react-native

expo