RN styling 기본 flexbox

flex: 1,
flexDirection: 'column'
justifyContent: 'flex-start',
alignItems: 'flex-start'

ㅁ
ㅁ
ㅁ

flex: 1,
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'flex-start'

ㅁ ㅁ ㅁ

flex는 상대적인 것.

<View style={{flex:1}}>
  <View style={{flex: 1}}>
    </View>  
  <View style={{flex: 4}}>
    </View>  
</View>

자식 컴포넌트에 flex를 지정해줬다면 부모 컴포넌트에도 지정해줌으로써 자식 컴포넌트가 얼만큼의 flex를 차지할 수있을지 정하게 된다.
만약 flex가 아니더라도 width, height를 통해 부모 컴포넌트가 정확히 어느정도 크기를 차지하는지가 결정된다면 자식 컴포넌트의 flex값을 통해 상대적으로 분배가 된다.

RN에서는 css처럼 스타일이 상속되지 않는다.

따라서 Text 컴포넌트나 View 컴포넌트에 각각 적용되는 스타일들은 각각 적용시켜줘야 한다.