React Native – How to control user gestures?
Install react-native-gesture-handler How to detect the swipe up, swipe down gestures? Option 1 Option 2
UI/UX
React Native – Animation (2)
How to create an animated dropdown text? How to create an up/down animated header bar?
React Native – How to use a custom font icon?
Assuming you have a custom font icon themeA.ttf file react-native side Android side Copy themeA.ttf into app/src/main/assets/fonts/themeA.ttf iOS side
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 – How to use css in React project?
Basic How to import css as module? Create css with name as “Button.module.css” Then, you can import css into jsx as below How to import […]
How to create a React Native app (5)?
How to setup app theme by native base? Setup nativebase with Expo Install package Edit root component Usage
Xamarin – UI/UX practices
Create a warning box Warning box is displayed when Camera permission is disabled Warning box is hidden when Camera permission is enabled Tap a button […]