react-native-modal
react-native-toast-message
Our great sponsors
react-native-modal | react-native-toast-message | |
---|---|---|
8 | 3 | |
5,386 | 1,505 | |
0.7% | - | |
0.0 | 6.7 | |
about 1 month ago | about 1 month 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-toast-message
- Does toasts alerts exists in iOS ? If not what are the alternatives ? Should I use alert boxes in iOS instead ?
-
Update: Hey Reddit - My first app is ready for a beta test. Read comments if you're interested.
Toast: https://github.com/calintamas/react-native-toast-message
-
Is there any RN library for custom toast where I can completely pass children view to be rendered?
Of course. https://github.com/calintamas/react-native-toast-message is one of the best rn libs Iโve ever used. You can just declare your own type, like โmyToastโ and extend the and pass your own children with your own styles. And this issue is a blessing in terms of learning how the library works: https://github.com/calintamas/react-native-toast-message/issues/167
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)
notistack - Highly customizable notification snackbars (toasts) that can be stacked on top of each other
react-spring-bottom-sheet - Accessible โฟ๏ธ, Delightful โจ, & Fast ๐
vue-toastification - Vue notifications made easy!
react-native-reanimated - React Native's Animated library reimplemented
sweetalert2 - โจ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. ๐บ๐ฆ
react-native-safe-area-context - A flexible way to handle safe area insets in JS. Also works on Android and Web!
react-toastify - React notification made easy ๐ !
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:
moti - ๐ผ The React Native (+ Web) animation library, powered by Reanimated 3.
react-native-modalize - A highly customizable modal/bottom sheet that loves scrolling content.
lottie - Lottie documentation for http://airbnb.io/lottie.