макет таблицы реагируют на родной

Question

привет, я новичок в реакции Мой вопрос заключается в том, как я могу получить этот дизайн макета в реагировать родной со стилями

я пытаюсь использовать

contain:{
   flexDirection: 'row',
   flexDirection: 'column', //or 
}

<View style={contain}>
   <View>el1</View>
   <View>el2</View>
   <View>el3</View>
   <View>el4</View>
   <View>el5</View>
</View>

но не работает Спасибо

http://appweplan.com:8080/public/images/layout.png

Answer 1

Вам нужно будет вложить ваши представления и применить стиль flex-direction: 'row' или 'column' к соответствующему представлению.

const styles = {
  rowView: {
    flexDirection: 'row'
  },
  columnView: {
    flexDirection: 'column'  
  }
}

<View style={styles.rowView}>
 <View style={styles.columnView}>
     <Text>Column 1</Text>
     <Text>Column 1</Text>
 </View>
 <View style={styles.columnView}>
     <Text>Column 2</Text>
     <Text>Column 2</Text>         
 </View>
 <View style={styles.columnView}>
     <Text>Column 3</Text>
     <Text>Column 3</Text>
 </View>
</View>