[React-native] Flexbox 레이아웃

jines100·2020년 1월 19일
0

레이아웃과 밀접한 관계 속성

  • width, height, margin, border, padding

flex

  • 레이아웃 구성의 가중치를 말한다.
  • 엘리먼트가 한개면 1 은 100%를 말하고 두개면 1은 50%를 말한다

flexDirection

-colum 세로 레이아웃을 말한다
-row 가로 레이아웃을 말한다

alignItems

-flex-start 상단으로 정렬이 된다.
-center중간에 정렬이 된다.
-flex-end 하단으로 정렬이 된다.


절대위치 지정

-position:'absolute' 일반적인 css 와 같다
-부모의 zIndex 가 우선이 된다
-position 이 없어도 zIndex 를 사용할 수 있다

profile
Front Developer

0개의 댓글