ReactNative - Typescript 프로젝트 환경 설정

15 Feb 2018 in Devlog on Backup

React Native CLI 설치

yarn global add @react-native-community/cli

Typescript 템플릿 추가하여 프로젝트 생성

react-native init [프로젝트이름] --template react-native-template-typescript

navigation을 통한 param 전달 방법

navigation.navigate("pageName", { name:'data' })

const route = useRoute<RouteProp<{ T: { name: string } }, 'T'>>();
const [getData, setGetData] = useState<string>(route.params.name)

빌드 옵션

# 로컬 서버 시작
yarn start

# 안드로이드 디버그 빌드
yarn android

# IOS 디버그 빌드
yarn ios [--device 'device name']

안드로이드 디버그 APK 빌드

cd android
./gradlew bundleDebug