/react-native-openbridges

Primary LanguageTypeScript

Open Bridges Open?👍 Close?👎

Screenshots

screenshot-1 screenshot-2 screenshot-2

Project Setup

Project to track the DrawBridges status (up/down)

  1. Run
    1. Enter the project folder
    2. connect your device using usb debug mode or a Virtual Device.
    3. react-native run-<android/ios>
  1. Open on your device
    1. using devTools link
      1. Open the DevTools url, something like: Expo DevTools is running at http://localhost:19002
      2. press press run on Android Device/Simulator

Debugging

  • install:
    • yarn global add react-devtools
  • usefull commands:
    • use toggle inspector (in app)
    • remote JS debugging
    • react-devtools and Ctrl Shift I on Windows opened URL
    • adb shell input keyevent 82 (send the options to the phone or shake)
    • adb logcat *:S ReactNative:V ReactNativeJS:V
    • react-native log-ios
    • react-native log-android
    • react-devtools
    • adb shell am start -n packagename/.MainActivity (reopen the app)
    • adb shell input text "word" usefull when retype from pc
    • npm start -- --reset-cache reset cache
    • adb reverse tcp:8081 tcp:8081 force the reverse connection from phone-pc
    • inside android run ./gradlew assembleRelease
  • release commands:
    • cd android && ./gradlew assembleRelease
    • output /android/app/build/outputs/apk/release/app-release.apk
    • react-native run-android --variant=release

for more: https://facebook.github.io/react-native/docs/debugging