Smart Trip

App Showcases

Home Page

Map Page

For more screenshots, please go to /IMG.

The screen recordings showcasing the usage of our app can be checked here:

Home Page Recording

Map Page Recording

Installation

1. React-native environment.

Full Chinese docs (recommended) for those who are new to smart phone app development, including steps for building up iOS/Android development environment on different platforms.

English docs for react-native setting up for those who already has relative environments but are new to react-native.

Don't run steps for compilation as dependicies are not installed.

2. Deps

Under the root folder of the project, in terminal run:

npm install
cd ios && pod install && cd ..
# For those Apple Silicon user, if pod install meet any problem, check these commands.
# sudo arch -x86_64 gem install ffi
# arch -x86_64 pod install

3. Google API key

Important! Especially for Android users.

3.1 Follow the link Setting Up API key and get your API key.

3.2 Turn on this API Map SDK

3.3 Add your API key to your manifest file

In android/app/src/main/AndroidManifest.xml:

<application>
   <!-- You will only need to add this meta-data tag, but make sure it's a child of application -->
   <meta-data
     android:name="com.google.android.geo.API_KEY"
     android:value="Your Google maps API Key Here"/>
</application>

4.29 Update:

DONT UPGRADE to react-native-map@0.31.0 and keep using 0.30.x. May lead to compilation error on iOS.

I can't expose my API key becaues it would lead to serious warnings from Google.

Without the API key, the compilation on Android would fail but on iOS still works fine.

4. Compilation

# Under the root folder
yarn ios
# or for Android
yarn android

That's it! You made it!