KeyboardAvoidingView: Fix in React Native (expo)

The native keyboard is overlapping the input fields and the user won’t be able to see what he/she is typing. In order to resolve this issue, React Native has provided the KeyboardAvoidingView component in which the whole screen UI is wrapped. Unfortunately, when I implemented it, It was not working as expected but I did manage to find the workaround.