W3cubDocs

/React Native

KeyboardAvoidingView

It is a component to solve the common problem of views that need to move out of the way of the virtual keyboard. It can automatically adjust either its position or bottom padding based on the position of the keyboard.

Props

ViewPropTypes props...

behavior?: enum('height', 'position', 'padding')

contentContainerStyle?: ViewPropTypes.style

The style of the content container(View) when behavior is 'position'.

keyboardVerticalOffset: number

This is the distance between the top of the user screen and the react native view, may be non-zero in some use cases.

Methods

relativeKeyboardHeight(keyboardFrame: object):

onKeyboardChange(event: object)

onLayout(event: object)

© 2015–2017 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://facebook.github.io/react-native/docs/keyboardavoidingview.html