Skip to main content
Version: Next

Installation

Adding a library to the project​

Install the react-native-keyboard-controller package in your React Native project.

yarn add react-native-keyboard-controller
Mandatory react-native-reanimated dependency

This library requires react-native-reanimated to work properly. If you don't have it in your project, you need to follow installation guide and install it in your project before using this library.

Linking​

This package supports autolinking.

Pods update

Don't forget to re-install pods after adding the package and don't forget to re-assemble android and ios applications, since this library contains native code.

Expo​

This library has native code, so it does not work with Expo Go but you can easily install it using a custom dev client.

Adding provider​

In order to use it you'll need to wrap your app with KeyboardProvider component.

Why it's needed?

If you are bothered why it's needed, you can read more about it in architecture deep dive to understand all aspects of how this library works.

import { KeyboardProvider } from "react-native-keyboard-controller";

export default function App() {
  return (
    <KeyboardProvider>
      {/* your main application code goes here */}
    </KeyboardProvider>
  );
}

Congratulations! 🎉 You've just finished installation process. Go to the next section to get more insights of what you can do using this library. 😎

Troubleshooting guide

If you encounter some issues make sure to read the Troubleshooting section.