Warning: Project is not actively maintained
React Native Web CLI
create-react-native-web-app
A simple CLI tool to start your React Native Web project to develop same app for IOS Android and Web
Compatibility: React Native >= 0.63.
Installation
# Run create-react-native-web-app <project-directory>
$ npx crnwa myApp
# or
$ npx create-react-native-web-app myApp
# if you previously installed this package globaly run this command first to uninstall the previous version:
# npm uninstall -g create-react-native-web-app
# cd into your <project-directory>
$ cd myApp
# Run Web/Ios/Android development
# Web
$ npm run web
# IOS
$ npm run ios
# Android
$ npm run android
- To work with IOS and Android - Install Xcode and Android studio and follow the react native instructions under the "React Native CLI Quickstart" tab
Folder structure
myApp
βββ android (When opening with Android studio, open this folder)
β βββ android project files
βββ ios (When opening with Xcode, open this folder)
β βββ ios project files
βββ public
β βββ favicon.ico
β βββ index.html
β βββ manifest.json
βββ src
βββ project code
Testing
# Web and Native
$ npm run test
# Web
$ npm run test:web
# Native
$ npm run test:nativeDebugging
Open dev menu:
- CMD+D (IOS) / CMD+M (Android)
- Press "Enable Live-Reload"
React native docs - debugging real devices guide
React native docs - debugging guide
Build
# Web
$ npm run build
# Android - upgrade the current build version in `android/app/build.gradle` file (both the `versionCode` and the `versionName`)
Example:
versionCode 2
versionName "1.1"
# And then run the build
$ cd android && ./gradlew assembleRelease
# Open apk folder to find the release apk
$ open ./android/app/build/outputs/apkReact native docs - Android signed apk