- Expo-Cli(react-native),
- ReactNavigation,
- NativeBase(simular to MaterialUI)
Nativebase was chosen because the docs had the best support:
a) https://docs.nativebase.io/Components.html#Components
Often it is more helpful to look at the open source for the NativeBase components:
b) https://github.com/GeekyAnts/NativeBase/tree/master/src/theme/components - ReactNativeMaps
{
git clone https://github.com/Lunchpool/lunchpool_mobile_onboarding.git;
cd lunchpool_mobile_onboarding &&
npm install -g expo-cli;
npm install &&
npm start;
}
# build a new ipa or apk
npm run buildios;
npm run buildandroid;
# now you can move the apk file to the playstore and your set.
# apple has a little more difficulty ... you need to use itunes connect.
# two helpful links for apple app store below:
# https://medium.com/@the_manifest/how-to-publish-your-app-on-apples-app-store-in-2018-f76f22a5c33a
# https://appstoreconnect.apple.com/
# If your phone is connected to the computer and emulator has been installed,
# make sure your phone is in usb-debug mode... google for your phone if unsure.
# https://stackoverflow.com/a/32314718/5283424
brew install homebrew/cask/android-platform-tools
# Test quickly on android phone using usb-debug mode: ensure abd is installed (brew install abd)
npm run buildandroid; npm run usbAndroid;
# If you have already built and sent to expo you can test on an android phone even faster:
npm run downloadbinaryandroid; npm run usbAndroid;
change the app.json to have your own company name:
"android": {
"package": "com.yourcompany.yourappname"
},
npm install react-native-rename -g;
git checkout -b rename-app;
react-native-rename your_app_name_here;
# if everything looks good move it to master branch
git checkout master;
git merge rename-app;
additional emulator instructions
npm uninstall -g expo-cli; npm install -g expo-cli; expo init lunchpool_mobile_onboarding; cd lunchpool_mobile_onboarding;
npm install --save react-native-maps;
npm scripts:
Also include the package.json scripts link