React Native - Как перенести окно (представление) на следующую строку, если перекрывающийся экран (направление сгиба строки) - PullRequest
Новая
       15

React Native - Как перенести окно (представление) на следующую строку, если перекрывающийся экран (направление сгиба строки)

0 голосов
/ 05 октября 2019

Мне нужно добиться этого в Recat Native:

enter image description here

Мой код выглядит так: 

<View style={{ flexDirection: 'row'}}>
  <View style={[styles.section, { borderWidth: 0 }]}>
    <Text style={{ fontWeight: 'bold' }}>Filters: </Text>
  </View>
  <View style={styles.section}>
    <Text>
      AAAAAAAAAAAAAAAAAAAAAAAA
    </Text>
  </View>
  <View style={styles.section}>
    <Text>
      AAAAAAAAAAAAAAAAAAAAAAAA
    </Text>
  </View>
</View>

const styles = StyleSheet.create({
  section: {
    paddingVertical: 3,
    paddingHorizontal: 6,
    borderWidth: 1,
    borderColor: 'gray',
    justifyContent: 'center',
    alignItems: 'center',
    marginRight: 3,
  },
});

Секунда section (поле) перекрывается и отображается не полностью. Это нужно перенести на новую строку. Как это сделать?

...