컴포넌트의 크기를 퍼센트(%)단위로 지정하기

react native에서 컴포넌트의 크기를 퍼센트(%) 단위로 지정하려면

아래와 같이 FlexBox를 사용하면 된다.

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

안드로이드의 layout_weight와 같게, 비율로 계산이 된다.

위의 경우는 첫번째 뷰는 1/3을 차지하고, 두번째 뷰는 2/3을 차지하게 된다.