React Native Note
  • React Native Note
  • Start
    • Environment On Mac
    • New Project and Run
    • IDE and Project Structure
    • Debug
  • Basic
    • Component (組件)
    • props and state
    • 基礎元件
    • Flexbox
    • FlatList
    • ListView
    • .SectionList
  • BASIC II
    • Import Library
    • Fetch
    • Native Module - iOS
    • Native Module - Android
    • EventEimtter - iOS
      • iOS static
    • Generating Signed APK - Android
    • Generating Signed IPA - iOS
    • Other
  • Advanced
    • Redux
      • Practice
    • Handling different environments
      • Practice
  • TEST
    • Jest
      • snapShot Testing
        • change code
      • function and state testing
      • identify element
      • test API with mock function
    • test props - Enzyme
  • MORE
    • Running On Real Device - iOS
    • Toast
    • Js Bundle時的白畫面（白屏）
  • TOOLS
    • Visual Studio Code
    • Debugging React Native
    • Atom's shortcuts
    • Command Line
      • Emulator For Android
  • Other
    • Using Webview as full wrapper in RN
    • Expo vs RN CLI
    • Use Android Emulator in VMware
Powered by GitBook
On this page
  1. Start

New Project and Run

PreviousEnvironment On MacNextIDE and Project Structure

Last updated 6 years ago

1.創建react native專案

開啟terminal，到你要的路徑下，使用react-native init learnProject(可以自行命名)

$ react-native init learnProject執行完成

2.執行ios請確保Xcode有更新到最新版本 terminal路徑為該專案內 在第一次執行專案前，必須先npm install安裝依賴包，如下

 $ cd learnProject(此是你自己的專案名)
 $ npm install 
 $ react-native run-ios

安裝好依賴包後，執行project，結果如下圖

3.執行android 請確保安裝的sdk有依照官方要求，並且注意android機器的版本，印象中是只支援5.0以上 要執行android前須先開啟模擬器或連接實體機器，但只能有一個裝置連接在debug模式上

$ android avd
$ adb devices
$ react-native run-android

android avd，打開android studio內的Android Virtual Device Manager，執行模擬器

使用adb devices查看有連接在debug模式上的所有android裝置

執行project