Kinvo React Native App ·
This is a technical challenge for a job opportunity at Kinvo that consists in developing an mobile app from a Adobe XD prototype. The app was created in React Native and I chose Expo CLI to make development easier.
Installing / Getting started
Assuming that you have Node 12 LTS or greater installed, you can use npm to install yarn package manager and then use it to install the Expo CLI command line utility:
npm install --global yarn
yarn global add expo-cli
Navigate to the react native project directory
cd kinvo
Install the project dependencies
npm install
Start the development server
expo start
Opening the app on your phone/tablet
If you are using an iOS simulator or Android emulator, you may find the following Expo CLI keyboard shortcuts to be useful:
- Pressing
i
will open in an iOS simulator. - Pressing
a
will open in an Android emulator or connected device.
Developing
Built With
Expo
Expo is a set of tools built around React Native and, while it has many features, the most relevant feature for us right now is that it can get you writing a React Native app within minutes. You will only need a recent version of Node.js and a phone or emulator.
Run expo build:android
or expo build:ios
.
Wait for it to finish build
When one of the building machines is free, it'll start building your app. A url will be printed that you can visit to watch your build progress and access the build logs. When it's done, you'll see the url to your app file - an .apk, .aab (both Android), or .ipa (iOS) file. Copy and paste the link into your browser to download the file.
Android
- To run it on your Android emulator, first build your project with the apk flag by running
expo build:android -t apk
, and you can drag and drop the .apk into the emulator. - To run it on your Android device, make sure you have the Android platform tools installed along with adb, then just run
adb install app-filename.apk
with USB debugging enabled on your device and the device plugged in.