Skip to content

Latest commit

 

History

History
69 lines (44 loc) · 1.49 KB

README.md

File metadata and controls

69 lines (44 loc) · 1.49 KB

react-native-navigation-bootstrap

Bootstrap for a vanilla react-native-navigation based project

Clone this repository to start a project based on

"react-native": "0.51.1",
"react": "^16.3.0-alpha.1",
"react-native-navigation": "^2.0.0",
"react-native-ui-lib": "^3.3.32"

Check react-native-navigation's documentation for usage details.

preparing your project

Download npm dependencies:

npm i -g react-native-cli
npm install

Renaming the project

If you would like to rename the project you can use React Native Rename

After running React Native Rename, in order to run the project successfully, you will need to manually update your app name in src/screens.js, where <appname> is the name of your app.

-  Navigation.registerComponent('reactNativeInit.App', () => App);
+  Navigation.registerComponent('<appname>.App', () => App);

Running your project

From project dir, run:

iOS

  1. Run the packager

    npm run start
    
  2. Open the project in xcode from ios/reactNativeInit.xcodeproj

  3. Build and run from Xcode

Android

  1. Start an emulator

  2. Build and run

    react-native run-android

    This would also start a packager if not already started

  3. Set your Emulator to live reload changes +m (cmd+m) => Enable Hot Reloading

To open packager manually, from project dir run:

react-native start