KeyboardAvoidingView | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
KeyboardAvoidingView
Provides a view that moves out of the way of virtual keyboard automatically. It solves the common problem of views needing to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height.
Example
Note: Please see the example in your mobile to observe the effect.
Playground
Props
children
Renders components as Box children. Accepts a JSX.Element or an array of JSX.Element.
Type: any
Quick Nav
Nativebase logo
MadeWithNativeBase