네이티브 배우면서 알게 된 몇 가지 태그들을 정리하였습니다
틀린 부분이 있을 수 있으면 댓글로 알려주세요
native tags
<View>
: <div>
와 비슷한 태그이다. 단, 안에 텍스트를 넣을 수는 없다
<div>
안에 텍스트를 넣고 싶다면 <Text>
를 넣어야한다
<Text>
: native에서 텍스트를 담당하는 태그이다
<TextInput>
: <input>
과 같은 태그이다.
onSubmitEditing을 사용하면 버튼을 따로 만들지 않아도 된다
<SafeAreaView>
: 노치 크기를 자동으로 계산해서 노치 부분을 제외하고 UI가 적용되도록 해주는 똑똑한 태그이다
<StatusBar>
: 안드로이드 에뮬레이터에서는 별로 효과를 발휘하지 않지만 IOS에서는 중요한 태그. style을 auto로 하면 기본적인 상태바이고 light로 하면 하얗게 변한다
UI컨셉에 맞추어 변경하면 더 좋은 디자인이 나올 거 같다
<ScrollView>
: <View>
태그가 무한정 있어도 스크롤이 되지 않는다
그래서 스크롤을 하고 싶다면 이 태그를 써야한다
<TouchableOpacity>
: <Button>
태그는 스타일을 적용할 수 없기 때문에 주로 이 태그를 많이 사용한다고 한다
여러가지 스타일을 적용할 수 있고 누르면 기본으로 호버가 된다 버튼 태그 대신 이걸 사용하도록 하자