react-native-keyboard-aware-scroll-view
react-native-keyboard-controller
| react-native-keyboard-aware-scroll-view | react-native-keyboard-controller | |
|---|---|---|
| 6 | 3 | |
| 5,216 | 1,259 | |
| 0.4% | - | |
| 0.0 | 9.1 | |
| 6 months ago | 3 days ago | |
| JavaScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-keyboard-aware-scroll-view
-
Hey r/ReactNative! I recently picked up RN (am primarily a Swift developer), and am currently trying to build a drag-to-rearrange FlatList. However, I realised that z-Index really does do anything to help elevate the dragged elements over the other elements in the list.
Hey man… I am interested in integrating your component into my app. I’m currently using the flat list from https://github.com/APSL/react-native-keyboard-aware-scroll-view to scroll to specific components based on focused text inputs. How could I combine your component with that and get both functionalities together? Thanks!
- Keyboard avoiding view
-
Fixing Keyboard Avoiding in React Native
Also, it will bug out any time you're using react navigation. (Yes this bug still exists, no you cannot avoid it in all situations).
-
Help | KeyboardAwareScrollView pushes up custom header
Hi, I already created an issue on github But it's urgent. Do you guys know how to avoid overlap header & status bar? I tried to change android:windowSoftInputMode but it didn't work
-
A simple, reusable keyboard avoiding animation hook, with TypeScript & Reanimated V2!
There are packages like react-native-keyboard-aware-scrollview (just in case you are not "aware") that automatically scrolls to the focused TextInput component. But, in your use case, that is not enough. You probably want to push an element on top of the soft-keyboard or change style when it is visible or hidden.
-
iOS Keyboard avoiding
Try this https://github.com/APSL/react-native-keyboard-aware-scroll-view
react-native-keyboard-controller
What are some alternatives?
react-native-web - Cross-platform React UI packages
react-native-avoid-softinput - Native solution for common React Native problem of focused views being covered by soft input view.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
react-native-keyboard-accessory-view - Keyboard accessory (sticky) view for your React Native app. Supports interactive dismiss on iOS.
Enzyme - JavaScript Testing utilities for React
react-native-modal - An enhanced, animated, customizable Modal for React Native. [Moved to: https://github.com/react-native-modal/react-native-modal]
react-virtualized - React components for efficiently rendering large lists and tabular data
react-native-keyboard-spacer - Plug and play react-native keyboard spacer view.
react-native-draggable-flatlist - A drag-and-drop-enabled FlatList for React Native
base web - A React Component library implementing the Base design language
react-native-keyboard-avoider
rebass - :atom_symbol: React primitive UI components built with styled-system.