React Native - 기본 규칙

개발견 배도르만·2023년 7월 2일
0

리액트 네이티브

목록 보기
2/7
post-thumbnail

1. div 대신 View 사용

React Native로 만드는 대상은 브라우저에서 보여지는 웹사이트가 아니기 때문에 HTML로 작성하지 않는다.
따라서 div 대신 View라는 태그를 사용한다.

2. 모든 text는 text 태그 내에 위치

React Native에서는 text가 text태그 내에 위치하지 않으면 오류가 발생한다.

3. style의 차이점

  • React Native의 태그들도 style을 가질 수 있으나, 브라우저의 style과는 다소 상이한 점이 있다.
    예를 들면, 테두리를 설정하는 속성인 border을 사용할 수 없다.

  • react-native가 가진 StyleSheet을 import하여 StyleSheet.create라는 함수로 style을 설정할 객체를 만들어 사용할 수 있다.
    이 방법이 아니더라도 style 객체를 만들 수 있지만, 개발 시에 자동완성 등의 이점이 있기 때문에 편리한 방법이다.

  • 기본적인 css와 마찬가지로 inline 형식의 style 또한 작성 가능하다.

4. StatusBar

보여지는 컴포넌트가 아니며, 기기의 상태표시줄과 상호작용할 수 있게 하는 컴포넌트이다.

expo-status-bar로부터 import 할 수 있고(서드파티패키지) react-native로부터 import 할 수도 있다.

profile
네 발 개발 개

0개의 댓글