Fix React Native Keyboard Covering TextInputs #2
In this video, we look at how to handle the keyboard covering TextInputs in React Native using a custom container component, part 2.
GET SOURCE CODE ⬇️
Resulting Source Code -
Get full access to All Source Codes and other resources released DURING the Month -
NOTES
In this part we adjust the custom container component to work for pages with header and react-navigation.
LET’S WORK
You can reach me via email at - contact.tothepointcode
CHECK OUT THESE HELPFUL TUTORIALS
Complete React and Node JS Login System -
Node JS Projects -
React Native Projects -
Publishing Expo React Native App to Play Store Journey
-
PHP Project
-
TOOLS USED
Tool for my thumbnail & images -
Cheap website domain name -
FOLLOW US ON:
GitHub -
YouTube -
CHAPTERS
00:00 Progress in Previous Part | What will be done
00:25 KeyboardVerticalOffset Introduction
01:57 Handling Page Headers
02:20 Necessary React Navigation Installations
04:00 Extra but Important Package
04:33 Navigation Setup in App
06:11 New Header & Issues
07:11 Re-Fixing Keyboard Avoidance
09:04 Fixing Excess Padding on Android
10:47 Final Notes
