[ReactNative] View, ScrollView, TouchableOpacity, flex

min-zi·2021년 11월 25일
0

ReactNative

목록 보기
4/14

View 화면의 레이아웃을 잡아주는 엘리먼트
다수의 View를 사용해서 화면을 벗어나는 경우 ScrollView로 감싸면 스크롤바가 생김
Text 글을 작성할 때 사용하는 엘리먼트
Button대신 TouchableOpacity 엘리먼트

2-10
flex
합의 개념 영역을 백퍼센트로 두고 몇을 가져갈지 숫자로 나눔
상대적
flexDirection
디폴트는 column(세로), row(가로)
좌우 위아래 조정

안에 있는 영역의 콘텐츠를 좌중간우 조정
justifyContent
flex-start는 왼쪽, flex-end는 오른쪽, center 가운데
alignItems

2-12
horizontal는 횡스크롤 디폴트는 true false하면 하나로 모아짐
numberOfLines={ }는 텍스트 말줄임 너무 길면 ...으로 표시해 줌

profile
개발일지

0개의 댓글