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
  • IDE
  • Project Structure
  1. Start

IDE and Project Structure

PreviousNew Project and RunNextDebug

Last updated 6 years ago

IDE

Visual Studio Code

Project Structure

index.js

react native 專案的入口。 也就是android & ios app的入口。

若是使用React Native version 0.49以前的版本，會是兩個檔案，分別是index.android.js 和 index.ios.js。

ps.react native會自動根據裝置的作業系統去獲取指定的js => .android.js 或者 .ios.js。

ios/

ios相關目錄＆檔案。可使用Xcode打開此ios專案（.xcodeproj）。

android/

android相關目錄＆檔案。可使用Android Studio打開此android專案。

package.json

整個專案的資訊