React Native – How to create a native module?
iOS Open iOS project in XCode Create MyNativeModule.h Create MyNativeModule.m Android Open Android project in Android Studio Create MyNativeModule.java having native Android moduleJava Kotlin Create […]
Overall
How to add React Native into existing native Android/iOS app (1)?
Follow this instruction integration-with-existing-apps You may need to install “react”: “x.x.x” by yourself. It is recommened to create an example React Native AwesomeProject for reference. […]
React Native – How to import font files?
1. Download font files Source+Sans+Pro 2. Place your font files into your project 3. Create react-native.config.js 4. Link font files react-native >= 0.69 react-native < […]
React Native – UI/ UX (2)
How to make image pressable? How to avoid keyboard pushing layout up on Android? Before After Hide Status Bar How to pass styled-component to component […]
React Native – How to display local svg file?
Solution 1 Solution 2 Install dependencies Configure metro to transform svg file to jsx Create metro.config.js Usage Fill color for svg file (optional) Foe example, […]
React Native – How to create a secure app?
How to store sensitive info? What is sensitive info? Token storage, secrets Certificates, tokens, passwords Can I save sensitive info in codes? Never store sensitive […]
React Native – How to change Android application Id?
Definition APPLICATION_NAME – this will be used by react-native to identify your application. APPLICATION_DISPLAY_NAME – display name in Android Home Screen. ANDROID_PACKAGE_NAME – A valid android package name. […]
React Native – react-navigation (2)
How to reset navigation routes? What should be in data params when passing data? what-should-be-in-params What is the difference between push() and navigate()? How to […]
How to create a React Native app (3)? Setup packages
Setup package.json How to clean up everything and restart metro? How to restart metro? How to build bundle file for Android apk build? How to […]
React Native – How to use .env file?
Use react-native-dot-env Install package Edit .babelrc Create .env file Usage Use react-native-config Android How to use env file for strings.xml? iOS How to use env […]