[ReactNative/RN] flexgrow로 react native scrollview or flatlist 정복하기!

scrollview나 flatList 등 scrollview를 기반으로 만들어진 요소들에게

style을 주면

 Invariant Violation: ScrollView child layout (["justifyContent"]) must be applied through the contentContainerStyle prop.

위와 비슷한 에러가 나는데,

'contentContainerStyle' 로 스타일을 주라는 뜻이다.

 

그런데 가끔 골치아픈 경우가 생기는데,

justifyContent를 'center' 혹은 'flex-end' 로 줘서 UI를 그려야 할 때가 있는데

이 친구는 flex값을 주어야 동작한다.

 

하지만 flex값을 주게되면 스크롤이 안되는 경우가 있는데,

이럴 경우에는 flex 대신 flexGrow를 주면 간단하게 해결된다.