react-native-swiper-flatlist
use-scroll-direction
Our great sponsors
react-native-swiper-flatlist | use-scroll-direction | |
---|---|---|
1 | 1 | |
494 | 30 | |
- | - | |
2.9 | 0.0 | |
19 days ago | over 1 year ago | |
TypeScript | TypeScript | |
Apache License 2.0 | 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-swiper-flatlist
-
How can I code this - especially the horizontal navigation dots, using RN js?
Use react-native-swiper-flatlist (https://github.com/gusgard/react-native-swiper-flatlist) or you can make yourself with scrollview and listening onScroll event.
use-scroll-direction
-
use-scroll-direction: A hook for simple detecting of scroll direction
use-scroll-direction https://github.com/AndrzejSala/use-scroll-direction As frontend devs, very often, we come to moment when we need to show/hide something on scroll, eg. topbar or some infobox. Based on the API provided by a browser it's not an easy task, we need to make some computation, store somewhere the previous direction and be sure that everything works correctly vast of browsers. To make our lives a little bit easier, at least for react devs, I created use-scroll-direction, a simple, though very performant hook for detecting scroll direction. Here are some key points:
What are some alternatives?
react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
react-use-wizard - 🧙 A React wizard (stepper) builder without the hassle, powered by hooks.
react-responsive-carousel - React.js Responsive Carousel (with Swipe)
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react-native-modalize - A highly customizable modal/bottom sheet that loves scrolling content.
react-indiana-drag-scroll - React component which implements scrolling via holding the mouse button or touch
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
react-keyboard-navigator - A suite of React components and hook for selecting sibling components through the keyboard.
react-native-slider - React Native component exposing Slider from iOS and SeekBar from Android
use-scroll-position - Use scroll position ReactJS hook done right
react-native-bidirectional-infinite-scroll - 📜 React Native - Bidirectional Infinite Smooth Scroll
react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).