iOS ReactNative：文本不换行并超出屏幕显示

Question

我似乎有一个简单文本字段的问题。里面的文本没有换行。我在iOS 5s模拟器上运行。有什么想法吗？

按照这里的教程：http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript

样式:

var styles = StyleSheet.create({
 description: {
   marginBottom: 20,
   fontSize: 18,
  textAlign: 'center',
  color: '#656565',
},
container: {
  padding: 30,
  marginTop: 65,
  alignItems: 'center',
},

代码：

<View style={styles.container}>
      <Text style={styles.description}>
          Search for houses to buy!
      </Text>
      <Text style={styles.description}>
          Search by place-name, postcode or search near your location!
      </Text>
</View>

- SparkyRobinson

---

你在这个组件上方使用了flexbox吗，比如在父组件中？ - Nader Dabit

我只是使用标准的ReactNative库，我不认为我需要显式地“require” flexbox或其他任何东西？除了这两个视图之外，我没有在其他任何地方使用它。 - SparkyRobinson

我之所以问这个问题，是因为当我在rnplayground模拟器上运行完全相同的代码时，文本确实会换行，但如果您有一个外部flex容器，则可能需要指定flexWrap属性为'wrap'。 https://rnplay.org/apps/x0Xf6w - Nader Dabit

Answer 1

我在rnplayground模拟器上运行了完全相同的代码，但文字没有正确地换行。如果您有外部的flex容器，则可能需要指定flexWrap属性为“wrap”。

rnplay.org/apps/x0Xf6w

- Nader Dabit