react-native-modal
react-spring-bottom-sheet
Our great sponsors
react-native-modal | react-spring-bottom-sheet | |
---|---|---|
8 | 2 | |
5,386 | 910 | |
0.7% | - | |
0.0 | 0.0 | |
about 1 month ago | 1 day 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-spring-bottom-sheet
-
Introducing the Enhanced @nipe-solutions/react-spring-bottom-sheet: Now Supporting React 18 and XState v5
Original Author's Repository: Cody Olsen's GitHub
-
Reactjs bottom sheet like facebook
I'm not sure exactly what the Facebook bottom sheet is but if it's the same as the Instagram sheet then here's what you're looking for: React Spring Bottom Sheet.
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-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀
react-native-toast-message - Animated toast message component for React Native
react-modal-sheet - Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
react-native-reanimated - React Native's Animated library reimplemented
SweetAlert - A beautiful replacement for JavaScript's "alert"
react-native-safe-area-context - A flexible way to handle safe area insets in JS. Also works on Android and Web!
panes - 🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.
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:
rodal - A React modal with animations.
moti - 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
nice-modal-react - A modal state manager for React.