Skip to main content

React Native Avoid SoftInput

Native solution for common React Native problem of focused views being covered by soft input view.

Handles keyboard fully on native side

Handles keyboard fully on native side

Library applies padding or translation on native side and detects if currently focused input needs to be pushed above displayed keyboard.

Easy to Use

Easy to Use

Enable AvoidSoftInput module or wrap your content in AvoidSoftInputView and have your text fields always displayed above the keyboard out-of-the-box.

Consistent behavior

Consistent behavior

Library works in same fashion on Android and iOS.