Блог

в react native, имеющем текстовый компонент с заданной шириной в процентах, как я могу преобразовать этот текст с помощью многоточия, если результирующий текст больше заданной ширины?

 <Text style={{width:'50%'}}>{ dynamic.text }</Text>
 

Заранее спасибо.

Вы можете передать реквизит numberOfLines.

Это используется для усечения текста. Вы можете использовать этот реквизит с другим реквизитом, называемым ellipsizeMode, чтобы определить, как будет усекаться текст.

Используйте свойство numberOfLines , которое можно передать <Text> , а затем просто обновите стиль.

 <View style={styles.container}>
<Text numberOfLines={1} style={styles.text}>{dynamic.text}</Text>
</View>

var styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    padding: 10
  },

  text: {
    flex: 1,
    width: '50%'
  }
});