Поместите View рядом друг с другом в React Native

Question

Итак, я пытаюсь добавить окна просмотра рядом друг с другом. Итак, сначала я сделал коробку, как показано

And then I made multiple as shown Шаг 2

Итак, мой вопрос в том, как поставить поля рядом друг с другом?

Вот мой React Native Css

readings:{
     width:100,
     height:100,
     backgroundColor:'#e3e3e3',
     marginLeft:20,
     shadowColor: '#000',
    shadowOffset: { width: 4, height: 4 },
    shadowOpacity: 0.8,
    shadowRadius: 2,  
    elevation:5,
    float:'right'
   }

Answer 1

Для этого вам следует использовать flex. Что-то вроде

<View style={{
      display: 'flex',
      flexDirection: 'row'
    }}>
      <View style={{width: 100, height: 100, backgroundColor: 'red'}}></View>
      <View style={{width: 100, height: 100, backgroundColor: 'blue'}}></View>
    </View>

Где у вас есть один вид сверху, в котором упорядочиваются элементы в строке.