More than 3 years have passed since last update.

react nativeのtextで文字を折り返す

Last updated at 2019-12-09Posted at 2019-12-09

TL;DR

<Text numberOfLines={2}>
  {this.state.bodyText}
</Text>

<View>
  <Text numberOfLines={2}>
    {this.state.bodyText}
  </Text>
</View>

<Text>
  <Text numberOfLines={2}>
    {this.state.bodyText}
  </Text>
</Text>

<Text style={styles.bodyText}>
  {this.state.bodyText}
</Text>

const styles = StyleSheet.create({
  bodyText: {
     numberOfLines: 2
  },
});