react-native-snap-carousel
react-native-swiper
react-native-snap-carousel | react-native-swiper | |
---|---|---|
8 | 3 | |
10,210 | 10,344 | |
0.4% | - | |
0.0 | 0.0 | |
24 days ago | 11 months ago | |
JavaScript | JavaScript | |
BSD 3-clause "New" or "Revised" 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-snap-carousel
- looking for an image viewing package
-
need a card view component that has left right gestures but not like tinder card
custom interpolations and layouts
- How to make this ? should I use nested scroll view/flat list ?
-
How do I get this functionality using React Native?
You can use react-native-snap-carousel to create the image slider and use a method given in the package (ex: onSlideFinished) to fade in and out your text/view on the bottom. I haven’t tried any fade in and out packages, I’m sure you can manually animate it. Found this for fading in and out views, give it a try and see.
-
Is there a react native component for pagination like this or do I have to create my own?
I think the best search you can use to google this is “carousels”. I have used this in the past: https://github.com/meliorence/react-native-snap-carousel (see the Pagination conponent)
-
Is there a package that does something like this for items? Just don’t want to reinvent a wheel if it’s already rolling…
https://github.com/meliorence/react-native-snap-carousel has something like this for a single item (with the others trailing off to the side)... Not sure about multiple foreground items though.
-
Scouting alternatives for react-native-deck-swiper
Try https://github.com/meliorence/react-native-snap-carousel
-
Useful React Native Packages
Next is React Native Snap Carousel, this package helps you add a sliding modal like this to mobile components. Now you can find more information about this package here, this is how to implement this package to your app, you will need to use either of these commands in your terminal.
react-native-swiper
-
Any idea on how to make that view swipe in react native ?
I agree with the react-native-snap-carousel recommendation and have used it in projects, I can also recommend react-native-swiper as a pure js option https://github.com/leecade/react-native-swiper
-
any library to build this type of tabs in a screen.. on click or swipe to change tab?
You can use https://github.com/leecade/react-native-swiper. Keep the screen index as a state value and use that to update the screen when a tab was tapped and use "onIndexChanged" to update the chosen tab when the screen is swiped.
-
How to implement this FlatList (Vertical and Horizontal) at the same time
You would be better off with a swiper lib like react-native-swiper.
What are some alternatives?
react-native-tab-view - A cross-platform Tab View component for React Native
react-native-deck-swiper - tinder like react-native deck swiper
react-swipeable-views - A React component for swipeable views. :snowflake:
Swiper - Most modern mobile touch slider with hardware accelerated transitions
react-swipeable-list - Swipeable list component for React supporting several behaviours (e.g. iOS)
react-virtualized - React components for efficiently rendering large lists and tabular data
react-native-firebase - 🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
vue-virtual-scroll-list - ⚡️A vue component support big amount data list with high render performance and efficient.
taro - 开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native
Interactable - Experimental implementation of high performance interactable views in React Native