rn-기본스타일링과 props

시작하기

노드와 npm python을 설치한다.
그 후
npm intall --global expo-cli
설치가 완료되면 다음 명령어로 생성
expo init my-first-app
해당 파일로 이동 뒤 npm start

리액트 네이티브에서는 style 속성값도 객체처럼 넘겨준다.
App.js의 App함수 리턴값이 화면에 출력된다.

리액트네이티브에서는 내장 컴포넌트들이 제공된다
그 중 버튼 컴포넌트도 있으나 os별로 혹은 os버전마다 다른 모양으로 그려진다.
그러므로 TouchableOpacity//react-native에서 import
를 이용해 새 컴포넌트를 버튼처럼 사용해 주는것이 좋다.

• onClick(x) onPress(o)

사용할땐 export후 App.js에서 import
그리고 태그처럼 사용해주면 된다.

props를 넘겨주는 방법 3가지

1. 속성 지정

이러고 MyButton 함수의 매개변수로 props를 넘겨주면
props={title:'button13'}
props.title로 접근하자

2. 컴포넌트 태그 사이에 값 입력

이러면 따로 속성이름 안넣어줘도
children 프로퍼티에 들어간다.
즉 컴포넌트 태그 사이에 전달된 값은 자식 컴포턴트 props에 children으로 전달된다.
props={children:'children props'}

사용 예시

{props.children||props.title}

children 우선사용

기본 props값도 설정이 가능하다.

props의 타입을 설정해주기위해
prop-types를 사용해줘야 한다.

PropTypes.string과 같은 타입 지정에서는 P를 대문자로 작성해야 함에 유의하자.