[React-Native] 5. Flex-Box

적자생존·2022년 10월 30일
0

React-Native

목록 보기
5/30

1. Flex-Box

플렉스 박스는 CSS 프로퍼티의 집합인 핵심 접근 방식이자 핵심 개념이다.

CSS 플렉스 박스와 매우 비슷하다.

2. Default

리액트 네이티브의 display 값은 flex다.

웹에서는 기본 값이 flex가 아니지만 리액트 네이티브에서는 기본으로 flex를 사용하고 있으며 따라서 display : flex를 적용시켜줄 필요가 없다.

또한 flexDirection은 row를 기본 값으로 가지고 있다.

flexbox는 자식 요소의 최소 너비, 최소 높이로 모든 박스의 크기가 지정되어 있다.

따라서 따로 width, height를 주지 않으면 자식 요소의 최소 크기만큼 부모요소가 자리를 차지 하게 된다.

profile
적는 자만이 생존한다.

0개의 댓글