코딩/React Native

[RN]리액트 네이티브-Today I'm Learned (3)"기초 컴포넌트"

카슈밀 2020. 11. 21. 23:32
반응형

- 오늘 학습한 내용.

VIEW = div

Text = 문장들은 꼭 text컴포넌트로 감싸야한다. 리액트는 <div>글자</div> 이렇게 쳐도 되었는데, RN은 감싸야한다.

Image = img 태그

Textinput = input태그

ScrollView = 스크롤기능이 리액트는 자동으로 생겼지만, RN은 생기지 않기에 꼭 감싸줘야한다.

StyleSheet = 리액트에선 css를 통해 css를 설정했지만, RN은 Stylesheet를 통해서 사용한다.

Button = RN에도 Button 태그가 있지만, 커스텀이 까다롭기에 touchableopacity를 사용한다.

 

NavigationContainer = 리액트에서는 ROUTER의 역할이고 RN에서는 NavigationContainer로 사용한다.

  • navigation.navigate : 스크린으로 단순 이동
  • navigation.push : 스크린 위에 추가로 계속 스크린 쌓을 수 있
  • navigation.goBack : 이전 스크린으로 이동
  • navigation.popToTop : 스택의 최 상위 스크린으로 이동
728x90