React Native : flex에 대해서

flex를 사용하여 레이아웃 크기를 맞추는 것을 권장한다.

대신, 사용을 할 때, 비율로 따지기 때문에 그 비율의 근간이 되는 부모 안에서 사용할 수 있어야 한다.

 

<container>

    <View></View>

    <View></View>

</container>

 

이런 식으로 둘러쌓여 있어야지 사용이 가능하다. 만약 felx가 각각 1:1 또는 2:2라고 하면 이 비율대로 같은 숫자이므로 똑같이 반 반의 비율로 차지하게 된다.

이렇게 레이아웃 크기를 사용하기 때문에 어떤 기기에서든지 비율에 맞게 사용을 할 수 있다.

그러므로 flex를 많이 사용하는 것을 권장하고, 웹과 다르게 weight나 height를 사용하지 않아도 된다는 장점이 있다.