Dobule React Native is based on the latest react native version 0.64.2

We have used some react native libraries, which helped us utilize some of the features already created by developers around the world. The libraries that have been used are NOT deprecated and are the most popular choices among the developers.

You can view the list of all libraries used in the package.json file. If you modify this file and get rid of any library, make sure that you get rid of any parts in the application depending on that library or your app might crash.

React Native applications are cross-platform, meaning that they are compatible with both iOS and Android devices. Features that are dependent on Native libraries (such as button toggles or list pickers), might look different on the devices, but for the most part, Dobule will look the same on both platforms.

NOTE: Please go through the process very thoroughly, or it might result in some environment issues that could be hard to resolve when trying to launch the emulators whether on Android or iOS devices.

Installation Process

Hopefully, you have a Mac device handy because iOS emulators are not available on Windows devices. Therefore, you can discard setting up homebrew and just follow React Native Environment Setup Link below for installation on a windows machine and then continue on with installing android studio and using react-native run-android to see the changes in android emulator.

• Install Xcode or get the latest version

• Install Homebrew
• Go through React Native Environment Setup Process

  • React Native Environment Setup

    • NOTE: If you have a windows device, please follow the above link for instructions, otherwise you can use the link above with Mac selected as OS system for guidelines, or you could just use the below commands.
    • Mac OS Guidelines Below:

      • Homebrew Website

        

      • Copy the script and paste it in the terminal

        • /bin/bash -c "$(curl -fsSL <https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh>)"

      • Install Node

        • brew install node

      • Install Watchman

        • brew install watchman

      • Install Cocoapods

        • sudo gem install cocoapods

      • Install React Native CLI

        • npm install -g react-native-cli

  • Navigate to the downloaded Dobule folder using terminal and run

    • Download Flipper

      • Install & Open it

      • If you cannot open, go to System Preferences → Gate Keeper → Press Unlock Box → Enable Use of Flipper and now you should be able to open it

      • Important Note: Version of flipper is important, currently app supports any later version than 0.75.1 version. If you are going to use different option, please go to ios/Podfile and make sure that they are greater than the version mentioned there

        use_flipper!({'Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1'}) # should match the version of your Flipper client app
        

    • Install all the modules needed

      • npm install

    • Install Pods

      • cd ios && pod install && cd ..
        • If you get an error it might be because your defined Xcode path might be incorrect if that happens run
          • sudo xcode-select --switch /Applications/Xcode.app
          • and then rerun the script for installing pods again
            • pod install && cd ..

  • Run react native app

    • iOS
      • To run on iOS emulator use react-native run-ios
    • Android
      • IMPORTANT: Also make sure that you have Java installed & JDK Installed. You can find JDK download file next to the Java download file. Otherwise, check your Java version and download the appropriate JDK matching the version.
      • You will need to have Android Studio installed for this
      • If you have not opened a virtual device yet (You can create one from AVD Manager, please choose API 28 version. Remember to always open Android Studio and go to AVD Manager. Here you should see an emulator listed, if not create one and run it, before running the commands react-native run-android
      • If you are getting any errors regarding SDK Tools missing when trying to run the app please refer to this question and create local.properties file in src/android folder
        • https://stackoverflow.com/questions/27620262/sdk-location-not-found-define-location-with-sdk-dir-in-the-local-properties-fil
        • You might also have some unaccepted licenses for which you can use a suggestion from here
          • https://stackoverflow.com/questions/54273412/failed-to-install-the-following-android-sdk-packages-as-some-licences-have-not
        • You might also need to set an environment variable
          • https://stackoverflow.com/questions/38835931/react-native-adb-reverse-enoent
      • To run on Android emulator use react-native run-android
        • If this does not work, no need to worry you can just run npm start in one terminal and in another terminal run react-native run-android
      • If you run into any other issues with running it on the emulator you can go to the root of the project folder and then cd android && ./gradlew clean && cd .. and try to rerun the project after

Note: Please reach out to us if you have any installation problems. We can help you install and run the application on your device - [email protected] (Extra fees will apply)

We can also provide services for uploading the app on the App Store. (Extra fees will apply)