React Native

jhyunk218·2021년 11월 14일
0

React Native

목록 보기
1/3

React Native?

Creative native apps for Android and iOS using React

javascript를 사용하지만 native code로 변환되어 모바일 어플로 build!

iOS-스위프트, 오브젝트 c
안드로이드-자바, 코틀린

js코드가 리액트 네이티브로 각각의 native언어로 변환되어 빌드됨

Expo?

!!!React Native를 빠르게 시작할 수 있다!!!

npm install --global expo-cli

Basic Components

  • View (div)

  • Text (rn에서는 텍스트 스트링 꼭 Text 컴포넌트로 감싸줘야 함)

  • Image

  • TextInput

  • ScrollView (긴 컴포넌트 스크롤 만들어주기 필수)

  • StyleSheet (css 스타일링)

+TouchableOpacity: 터치하면 투명해진다!
+TouchableHighlight: 터치하면 어두워진다!
+TouchableWithoutFeedback : 터치해도 겉보기에 반응없다!
==>pressable(추천) : onPress 동작들을 더 디테일하게 다룰 수 있다(?)

Styling

  • display: flex; (기본)
    flex-direction의 기본 값이 column -> 가로 정렬 하려면 flex-direction: row

  • flex: 1;
    화면 전체를 채울 때 RN에서는 flex: 1을 사용한다.

profile
FROM 🌱 TO 🌳

0개의 댓글