React Native - layout

export default function App() {
  return (
    <View style={{ flex: 1 }}>
      <View style={{ flex: 1, backgroundColor: 'tomato' }}></View>
      <View style={{ flex: 1, backgroundColor: 'green' }}></View>
      <View style={{ flex: 1, backgroundColor: 'orange' }}></View>
    </View>
  );
}

=> RN에서는 flex가 자동으로 먹혀있다. 또한 반응형을 위해 flex 비율을 사용하는 것이 좋고 flexDirection이 웹과 다르게 column이 기본 값이다. 부모에 flex 비율을 주지 않으면 하위 요소가 무엇의 배수인지 알지 못해 크기가 반영되지 못한다.