Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Download and install latest nodejs version from https://nodejs.org/

Open Terminal and run the following command:

Code Block
# support eslint 
npm install -g @babel/core@^7 @babel/cli@^7 eslint eslint-plugin-jest babel-eslint eslint-config-airbnb eslint-config-google eslint-plugin-flow-vars \
eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-node eslint-plugin-promise eslint-plugin-react \
eslint-plugin-standard eslint-plugin-mocha eslint-plugin-jasmine babel-plugin-react-intl babel-plugin-transform-remove-console \
yarn react-native-cli create-react-native-app

...

Here is our detailed explanation for items in this file

appName
A short The app name display displays on iPhone under app logo, etc: phpFox

bundleId
bundle id you registered in Apple developer site, like com.yourcompany.phpfoxmobile, etc: com.phpfox.phpfoxmobile

serverUrl
Point to your phpFox website, etc: https://mobileapi.phpfox.com

...

firebaseEnabledAnalytic
true OR false. If true, enable Firebase analytic. For further information take a look at Google Analytics for Firebase

versionName and versionBuildNumber
These two values control the versioning of your app in apple storethe Apple Store.

  • versionName should follow the format "MAJOR.MINOR.PATCH" . For further information, please refer to https://semver.org/
  • versionBuildNumber must be an integer number.

...

grayBaseColor
This color code is used for generating appropriate text color.

Run your iOS app on a simulator with XCode

...

  • Open Terminal, go to MobileProject folder
  • Run the following command to start
Code Block
node ./server.js
  • Open XCode, start the iOS project at ios/Mobile.xcworkspace

...

  • Start running iOS on Simulator