A React Native module for listening to keyboard events and adjusting UI layout accordingly.
react-native-keyboardevents is a React Native module that provides event listeners for keyboard show, hide, and frame change events. It allows developers to detect when the keyboard appears or disappears and adjust their UI layout accordingly, preventing content from being obscured. This was especially useful in React Native versions before 0.11, which lacked built-in keyboard event support.
React Native developers building mobile apps that require responsive UI adjustments when the keyboard is shown or hidden, particularly those working with text input fields.
It offers a straightforward, event-driven API for handling keyboard interactions, enabling developers to create more user-friendly interfaces that adapt to keyboard visibility without complex manual calculations.
Keyboard events for react-native
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses an event emitter pattern for subscribing to keyboard events like 'KeyboardWillShow' and 'KeyboardDidHide', allowing developers to easily hook into keyboard lifecycle changes without complex logic.
Provides comprehensive frame data including keyboard position, dimensions, and animation duration in event callbacks, enabling precise UI adjustments based on exact keyboard bounds.
Served as an essential solution for React Native versions before 0.11, offering responsive keyboard handling when native support was lacking, as highlighted in the README's admission of obsolescence.
Includes examples for moving views or adding spacers when the keyboard appears, simplifying the creation of user-friendly interfaces that adapt to keyboard visibility.
The README explicitly states it's obsolete as of React Native 0.11, making it unnecessary and potentially confusing for new projects that can use built-in methods like DeviceEventEmitter.
Requires manual XCode setup with steps like adding .xcodeproj files and configuring Header Search Paths, which is error-prone and adds overhead compared to modern alternatives.
As an outdated library, it lacks updates, bug fixes, and community engagement, increasing risk for production use in evolving React Native ecosystems.