공식사이트 참고

Set Up Your Environment · React Native

  1. node 설치
  2. jdk설치
  3. 환경 변수 ANDROID_HOME %LOCALAPPDATA%\Android\Sdk
  4. path경로 추가 %LOCALAPPDATA%\Android\Sdk\platform-tools

프로젝트 생성

# 옛날꺼라 사용하면 잘 안됨...
npx react-native init projectname

# 설치 명령어 >> 설치
npm install @react-native-community/cli --save-dev -g

# yarn 명령어 설치
npm install yarn -g

# 프로젝트 생성
# 바뀐거라 사용하면 잘됨..
npx @react-native-community/cli init chat03
npx @react-native-community/cli init chat02 --version 0.75.1

npx @react-native-community/cli init ex01
npx @react-native-community/cli init ex02

npx @react-native-community/cli init ex03
npx @react-native-community/cli init ex04

#실행 명령어
cd ex03
npx react-native run-android

프로젝트 실행

# 메트로 실행
npx react-native start

# 안드로이드 실행
npm run android
npm run ios

버전이 안맞으면…

gradle-wrapper.properties

image.png

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\\://services.gradle.org/distributions/gradle-8.11.1-all.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

라이브러리 설치