react-native-keyboard-aware-scroll-view
react-native-draggable-flatlist
Our great sponsors
react-native-keyboard-aware-scroll-view | react-native-draggable-flatlist | |
---|---|---|
6 | 6 | |
5,214 | 1,826 | |
0.8% | - | |
0.0 | 0.0 | |
6 months ago | 3 months 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-draggable-flatlist
-
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.
if you are looking for an already-working library, you can check this: https://github.com/computerjazz/react-native-draggable-flatlist
- Where can I find this drag-to-sort component?
-
react-native-draggable-flatlist not working inside ScrollView
I am using the below code and I am using 'react-native-draggable-flatlist'(https://github.com/computerjazz/react-native-draggable-flatlist) for this purpose.
-
I'm Building a Clone of the Coinbase App (Code in Comments)
๐ author of react-native-draggable-flatlist here. Did you try passing your outer scrollview ref on the simultaneousHandlers prop? https://github.com/computerjazz/react-native-draggable-flatlist/pull/273
What are some alternatives?
react-native-web - Cross-platform React UI packages
react-native-reorderable-list - A reorderable list for React Native applications, powered by Reanimated 2 ๐
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Enzyme - JavaScript Testing utilities for React
react-virtualized - React components for efficiently rendering large lists and tabular data
react-native-keyboard-spacer - Plug and play react-native keyboard spacer view.
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.
react-native-keyboard-controller - Keyboard manager which works in identical way on both iOS and Android
Chrysalis - Graphical configurator for Kaleidoscope-powered keyboards