📚 Reference

• 공식 문서 1

📜 Chapter

‣

Flexbox

• 공식 문서 1
• React Native에서는 display: ‘flex’가 기본값이라서, 대부분의 View는 기본적으로 flex container이다.
• 그래서 따로 display: ‘flex’를 지정하지 않아도 Flexbox 레이아웃이 작동한다.
• View, ScrollView, SafeAreaView 등 기본 컴포넌트는 자동으로 display: ‘flex’ 적용.
• 따로 명시할 필요는 거의 없음.
• 굳이 꺼야 할 때는 display: ‘none’을 쓰면 됨. → 컴포넌트 숨김
• React Native에서는 flex, none만 사용 가능하다.
• flexDirection의 기본값은 ‘column’이다. → 즉 React Native에서는 자식 요소들이 위에서 아래로 세로로 쌓이는 게 기본 동작이다.

View

• 공식 문서 1
• View