Home > OS >  Keyboard pushing everything up in React Native app
Keyboard pushing everything up in React Native app

Time:12-06

I have a simple auth form in my react-native app, but everytime the software keyboard appears, whole screen moves up and squishes everything together. I am desperate and unable to do anything about it, I tried to style with percentages, flex, custom libraries but the effect is always the same. In other question I found a solution where you need to edit Android manifest, but I would like to avoid that. I just need the keyboard to cover everything on the bottom of the screen instead of moving everything above.

Can someone help me?

CodePudding user response:

Have you tried the KeyBoardAvoidingView component? link

CodePudding user response:

You should wrap your layout in a Scrollview with style={{flex: 1}}

  • Related