이것은 @react-native-community/cli 사용하여 부트 스트랩 된 새로운 React Native 프로젝트입니다.
참고 : 진행하기 전에 "새 응용 프로그램 작성"단계까지 React Native- 환경 설정 지침을 완료했는지 확인하십시오.
먼저, 당신은 React Native 와 함께 배송하는 JavaScript Bundler 인 Metro를 시작해야합니다.
메트로를 시작하려면 React Native 프로젝트의 루트 에서 다음 명령을 실행하십시오.
# using npm
npm start
# OR using Yarn
yarn startMetro Bundler가 자체 터미널에서 실행하도록하십시오. React Native 프로젝트의 루트 에서 새 터미널을 엽니 다. Android 또는 iOS 앱을 시작하려면 다음 명령을 실행하십시오.
# using npm
npm run android
# OR using Yarn
yarn android # using npm
npm run ios
# OR using Yarn
yarn ios모든 것이 올바르게 설정되면 에뮬레이터/시뮬레이터를 올바르게 설정 한 경우 Android 에뮬레이터 또는 iOS 시뮬레이터 에서 새로운 앱이 곧 실행되는 것을 볼 수 있습니다.
이것은 앱을 실행하는 한 가지 방법입니다. Android Studio와 Xcode 내에서 직접 실행할 수도 있습니다.
이제 앱을 성공적으로 실행 했으므로 수정하겠습니다.
선택의 텍스트 편집기에서 App.tsx 열고 일부 줄을 편집하십시오.
Android 의 경우 : R 키를 두 번 누르거나 개발자 메뉴 ( CTRL + M (창 및 Linux) 또는 CMD ⌘ + M (MACOS)에서 "Reload"를 선택하여 변경 사항을 확인하십시오!
iOS 의 경우 : iOS 시뮬레이터에서 CMD ⌘ + r을 누르면 앱을 다시로드하고 변경 사항을 확인하십시오!
React Native 앱을 성공적으로 실행하고 수정했습니다. ?
이 작업을 수행 할 수없는 경우 문제 해결 페이지를 참조하십시오.
React Native에 대해 자세히 알아 보려면 다음 리소스를 살펴보십시오.
@facebook/react-native 오픈 소스; React Native 용 Github 리포지토리 .