Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Source Code: If you are interested in my scheduling app, get access at:

Don’t trust your strategy until it’s passed this test. Walk-Forward Validation is the key to crafting a reliable machine learning model. Learn how this method helps you avoid overfitting and prepares your model for live market scenarios. Full article and code on my Substack:

Thank you for the tip, Beto! Recently I discovered we can achieve this behavior using insets.ime from react-native-unistyles (v3). @jpudysz did a demo in this live on the Expo youtube channel.

@jpudysz Oh that is awesome! 👏 thanks for sharing 📝

pretty cool fix, honestly this problem annoys me like crazy - you think mobile ui stuff ever stops being a pain point or its just the price for flexibility

That keyboard related all issue should fix from react native core. It's really very annoying 😭 to handle every screen

Can this handle android custom keyboards as well? Like Ms swiftkey

What is the difference between your code and using components such as KeyboardAvoidingView or others provided with the package ?

This is super helpfull, since I'm building a tool that sits on top of the keyboard 🙂 Thanks for this!

Love all the content 🙌🙌

Thanks for this tutorial! I was struggling with something similar and i used KeyboardAwareScrollView which made it work perfectly!