Skip to main content
Version: 2.0.x

Usage - module

iOS

Enable module:

import * as React from "react";
import { AvoidSoftInput } from "react-native-avoid-softinput";

React.useEffect(() => {
AvoidSoftInput.setEnabled(true);
}, []);

Android

Enable module:

info

Before using module on Android, check if system support (android:windowSoftInputMode="adjustResize" in Android manifest for <activity> tag) is enough for your use case.

If you cannot, or don't want to use Android system support, then enable module and call setAdjustNothing method or set android:windowSoftInputMode attribute to adjustNothing in manifest.

danger

Do not enable module with adjustResize value set, as it will result in padding being applied to already resized android window

import * as React from "react";
import { AvoidSoftInput } from "react-native-avoid-softinput";

React.useEffect(() => {
AvoidSoftInput.setAdjustNothing();
AvoidSoftInput.setEnabled(true);
}, []);