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. 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.
https://github.com/user-attachments/assets/d0ee5892-50a7-4d66-995d-a64fc215a247
https://github.com/user-attachments/assets/765d72ae-03b7-4d83-8ecc-42cb893a6d3f
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>
);
};