Index

React Native

  1. Install Android Studio
  2. Introduction
  3. Navigation
    1. StackNavigator
    2. Login
    3. DrawerNavigator
    4. Custom Drawer
    5. Image
  4. Formik and Apollo Client
  5. Image Upload
  6. Alert
  7. Keyboard Avoiding View

React Native


https://nativebase.io/ For UI of native apps

React Native paper

react-native-vector-icons directory
https://oblador.github.io/react-native-vector-icons/

Galio
https://galio.io/



npx react-native init AnimalLovers
cd AnimalLovers


In one terminal

// In folder AnimalLovers
npm start

Ctrl + C to end server


In another terminal
// In folder AnimalLovers
npx react-native run-android


Running on Android Phone

Settings -> About Phone, and then tapping the Build number (MIUI Version) row 7 times.

Settings -> Additional Settings -> Developer Options -> USB debugging -> Enable
Settings -> Additional Settings -> Developer Options -> Install via USB -> Enable
Settings -> Additional Settings -> Developer Options ->USB debugging (Security Settings) -> Enable



Type lsusb

images/696-1.png

From the above line, you want to grab the first four digits from the device ID:

2717

Add this number to idVendor


echo 'SUBSYSTEM=="usb", ATTR{idVendor}=="2717", MODE="0666", GROUP="plugdev"' | sudo tee /etc/udev/rules.d/51-android-usb.rules


sudo udevadm control --reload-rules


Check the notification in the phone that prompts to connect pc.

Kill Server:

You can also go the command line route:

ps aux | grep node
to get the process ids.

Then:

kill -9 PID
Doing the -9 on kill sends a SIGKILL (instead of a SIGTERM). SIGTERM has been ignored by node for me sometimes.