KeyboardAvoidingView component is used to avoid keyboard overlapping on TextInput widget in react native. By default if we do not use KeyboardAvoidingView then Keypad will show above TextInput widget on focus. But when we use KeyboardAvoidingView then it will slightly push the TextInput above from screen and show Keypad just…
In React Navigation latest 5.x version we can easily manage header bar options using screenOptions={{}} prop. The screenOptions prop has multiple header bar styling sub-prop like headerStyle, headerTintColor and headerTitleStyle. Using all of these available props we can properly configure header bar background color, header bar text color, header bar…
Easing is a term in animation to explain different type of moving animations. In animation easing means apply different type of motions on a object like start moving a object fast than stop slowly. Slowing process is called as decelerates the object. There are mainly 4 types of easing available…
Header Bar also known as Action bar in android and iOS devices is used to display useful information about application screen in single text. There are always a title present on header bar which is known as Header bar Title text. In latest version of react navigation 5.x we can…
