[react native] native 태그

hana jeong·2023년 1월 1일
0

react

목록 보기
16/18

네이티브 배우면서 알게 된 몇 가지 태그들을 정리하였습니다
틀린 부분이 있을 수 있으면 댓글로 알려주세요


native tags

  • <View> : <div>와 비슷한 태그이다. 단, 안에 텍스트를 넣을 수는 없다
    <div>안에 텍스트를 넣고 싶다면 <Text>를 넣어야한다

  • <Text> : native에서 텍스트를 담당하는 태그이다

  • <TextInput> : <input>과 같은 태그이다.
    onSubmitEditing을 사용하면 버튼을 따로 만들지 않아도 된다

  • <SafeAreaView>: 노치 크기를 자동으로 계산해서 노치 부분을 제외하고 UI가 적용되도록 해주는 똑똑한 태그이다

  • <StatusBar> : 안드로이드 에뮬레이터에서는 별로 효과를 발휘하지 않지만 IOS에서는 중요한 태그. style을 auto로 하면 기본적인 상태바이고 light로 하면 하얗게 변한다
    UI컨셉에 맞추어 변경하면 더 좋은 디자인이 나올 거 같다

  • <ScrollView> : <View>태그가 무한정 있어도 스크롤이 되지 않는다
    그래서 스크롤을 하고 싶다면 이 태그를 써야한다

  • <TouchableOpacity> : <Button> 태그는 스타일을 적용할 수 없기 때문에 주로 이 태그를 많이 사용한다고 한다
    여러가지 스타일을 적용할 수 있고 누르면 기본으로 호버가 된다 버튼 태그 대신 이걸 사용하도록 하자

profile
https://developer-hh.tistory.com 로 옮깁니다

0개의 댓글