react-native-modal
react-native-reanimated-carousel
Our great sponsors
react-native-modal | react-native-reanimated-carousel | |
---|---|---|
8 | 9 | |
5,386 | 2,445 | |
0.7% | - | |
0.0 | 8.6 | |
about 1 month ago | 6 days ago | |
TypeScript | 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-modal
-
Top 10+ Best React Native UI Components for Mobile App Development
GitHub Stars: 5k
- Looking for example to zoom in a profile picture like on whatsapp
-
swipe down to close Modal
Nor Expo Modal (https://reactnative.dev/docs/modal) or react-native-modal (https://github.com/react-native-modal/react-native-modal) let's you close the modal on swipe down on IOS, if presentationStyle=="formSheet" & presentationStyle=="pageSheet". I am on react-native version "0.64.3". Is there any fixes for this? Thanks in advance.
-
Mistakes I made while maintaining an open-source React Native library for five years
In this post, I’ll share some details around design decisions and mistakes I made while working on React Native Modal, a Modal component library for React Native. I hope that sharing my thoughts may help other new open-source maintainers to avoid such errors.
Author here 👋. In this blog post, I'm discussing the design decisions and mistakes I made while maintaining React Native Modal — a modal component library for React Native.
-
Update: Hey Reddit - My first app is ready for a beta test. Read comments if you're interested.
Tailwind Styles: https://github.com/vadimdemedes/tailwind-rn Storage: https://react-native-async-storage.github.io/async-storage/docs/api Navigation: https://reactnavigation.org/ Audio: https://docs.expo.io/versions/v41.0.0/sdk/audio/ Animations: https://github.com/oblador/react-native-animatable Modal: https://github.com/react-native-modal/react-native-modal Confetti: https://github.com/cdvntr/react-native-confetti Debounce: https://github.com/xnimorz/use-debounce Toast: https://github.com/calintamas/react-native-toast-message
Modal: https://github.com/react-native-modal/react-native-modal
-
Developing Geonotes — Animations and interactions — Ep. 3
I used React Native Modal to achieve the modal effect, and Reanimated 2 for the flip effect.
react-native-reanimated-carousel
-
Does anyone know what is this animation called and how I can create it in react native?
I think it can be done with reanimated carousel
-
Why react native is so shit
You just didn't search hard enough. Try reanimated carousel.
-
I am fairly new to RN and was wondering how I could achieve this type of effect. Is this possible with just ScrollView and a FlatList or is there more to this than it looks?
https://github.com/dohooo/react-native-reanimated-carousel is the best solution right now: active development, implemented using Reanimated and easy to use. Unfortunately FlatList doesn't work for this case.
-
what carousel libraries do you use react native?
An alternative which I do recommend is https://github.com/dohooo/react-native-reanimated-carousel which is frequently updated and works on Android, iOS and web
-
Help with the component flashing when adding a data to the front of the array?
I have a component built using React Native Carousel and I'm attempting to add some data to the beginning of the array however the component flashes when doing so. I'm attempting to use React Native Freeze however it does not have the desired effect.
-
Any tips on how to create this image swiper like iMessage?
You may check this awesome package to implement a similar view, you can take their implementation and do it your own way using reanimated https://github.com/dohooo/react-native-reanimated-carousel
-
React Native Carousel?
Snap carousel has alot of performance issues https://github.com/dohooo/react-native-reanimated-carousel This one is great
-
I want to achieve the vertical carousel as shown in the gid. Im struck by the second screen, where when the user scrolls the data from bottom to top or vice versa both the content and the image change, how to achieve this? Looking forward to your help.
https://github.com/dohooo/react-native-reanimated-carousel This package already have a vertical carousel and exposing their animated values and uses reanimated v2 And check this snack it uses the animated values provided to animate the pagination dots I think u can really inspire the same animation u wanna from here
What are some alternatives?
react-native-toast-message - Animated toast message component for React Native
react-native-gallery-toolkit - Reanimated 2 powered gallery implementation
react-spring-bottom-sheet - Accessible ♿️, Delightful ✨, & Fast 🚀
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
react-native-reanimated - React Native's Animated library reimplemented
keen-slider - The HTML touch slider carousel with the most native feeling you will get.
react-native-safe-area-context - A flexible way to handle safe area insets in JS. Also works on Android and Web!
react-native-bidirectional-infinite-scroll - 📜 React Native - Bidirectional Infinite Smooth Scroll
react-native-scroll-bottom-sheet - Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS and fully implemented in JS land :fire:
react-native-animation-samples - Gesture based interruptible animation samples in React Native.
moti - 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
react-native-swiper-flatlist - 👆 Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox