Keyboard-avoid-experience NPM

keyboard-avoid-experience

React Native Seamless and animated keyboard avoiding view for iOS and Android.

Works consistently with ScrollView, FlatList, SectionList, and any other React Native components.

DEMO

Installation

npm install react-native-keyboard-experience

Usage

To use the CustomKeyboardAvoidingView, import it into your component and wrap your content with it. You can customize the keyboard padding if needed.

import CustomKeyboardAvoidingView from 'react-native-keyboard-experience';

const App = () => {
  return (
    <CustomKeyboardAvoidingView >
        <Text>Welcome to the Keyboard Avoiding Experience!</Text>
    </CustomKeyboardAvoidingView>
  );
};

export default App;

Props

children: The content to be displayed inside the keyboard avoiding view (required).
style: Custom styles for the container (optional).
keyboardPadding: Additional padding to be applied when the keyboard is shown (default is -50 ios and -250 android).
duration: The duration of the animation (default is 250).