react-keyboard-avoiding-view is a simple and easy to use package that allows you to avoid the keyboard when it pops up on your screen in iOS. It is a simple wrapper around the KeyboardAvoidingView component.
In iOS, the keyboard will cover the fixed elements when it pops up. This package will help you to avoid this issue.
iShot_2024-07-14_17.40.14.mp4
iShot_2024-07-14_17.37.23.mp4
npm install @fe-eule/react-keyboard-avoiding-view/**
* Use react not react-native
* Support server side rendering
*/
import React from "react";
import KeyboardAvoidingView from "@fe-eule/react-keyboard-avoiding-view";
const App = () => {
return (
<div>
<input className="keyboard-avoiding-input" type="text" />
<KeyboardAvoidingView>
<button type="button">Next</button>
</KeyboardAvoidingView>
</div>
);
};