Mastering React Native Keyboards

Let Say We have a form with some <TextInput> inside <ScrollView>, in this case we have few requirements:

1. When keyboard opens we still should be able to scroll our view.

2. When keyboard opens we still need to be able to click buttons in our view

3. View should be scroll to appropriate place when keyboard is opened.

Refs :
https://www.freecodecamp.org/news/how-to-make-your-react-native-app-respond-gracefully-when-the-keyboard-pops-up-7442c1535580/

https://github.com/APSL/react-native-keyboard-aware-scroll-view/issues/461

https://stackoverflow.com/questions/57941342/button-cant-be-clicked-while-keyboard-is-visible-react-native

https://stackoverflow.com/questions/70399339/update-state-of-the-parent-screen-if-an-update-occurs-in-current-screen

https://stackoverflow.com/questions/54381446/keyboardawarescrollview-on-the-button

https://www.npmjs.com/package/react-native-keyboard-aware-scroll-view