react-native-reanimated
react-native-modal
Our great sponsors
react-native-reanimated | react-native-modal | |
---|---|---|
61 | 8 | |
8,367 | 5,378 | |
1.7% | 0.6% | |
9.8 | 0.0 | |
6 days ago | 29 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-reanimated
-
Exploring the Best UI Component Libraries for React Native apps
Supports Animation: Tamagui leverages the popular open-source library — Moti as a reanimated driver for animation libraries such as react-native-reanimated and React Native Animated.
-
Expo – open-source platform for making universal apps for Android, iOS, and web
FYI react-native-reanimated (https://github.com/software-mansion/react-native-reanimated) is not the Animated API from React Native. react-native-reanimated allows JS code to run on a UI thread that is able to synchronously modify layout, providing alternative synchronous ways for you to hook into the layouting. For instance, as opposed to the asynchronous `measure()` method provided by React Native to measure layouts, react-native-reanimated allows one to call their version of `measure()` (https://docs.swmansion.com/react-native-reanimated/docs/api/...) to perform the same operation on the UI thread, synchronously.
-
React Native is Multi Threaded
By using libraries like Reanimated, React Native MMKV, and React Native Skia, you leverage the native thread. However, I know there are developers building amazing things who think outside the box. I'm always thrilled when I read engineering blogs from companies like Netflix, Meta, and Shopify. They create solutions beyond the limits.
-
Can I update my Reanimated to a different version?
Currently having issues with reanimated (expo installs 2.14.4). My app will crash randomly – possibly linked to these issues here and here.
-
How can I draw custom vector graphics in ReactNative (equivalent to Flutter CustomPaint) ?
Reanimated is probably what you're looking for. https://docs.swmansion.com/react-native-reanimated/
-
What animation libs you use and why !?
One of is: https://github.com/software-mansion/react-native-reanimated/issues/2327
- What am I doing wrong in rendering Drawer Navigator !?
- Initialise useSharedValue with the right height.
-
Is it possible to use this iOS pop-up menu with RN? I’ve tried googling but haven’t had much luck as I’m not sure what the menu is actually called.
use third party lib that is a beast, but will require a lot of work and upfront knowledge (https://docs.swmansion.com/react-native-reanimated/)
-
Learning Animations
Catalin Miron is also good. Reanimated 2 animations are still relevant. I also would suggest reading the reanimated docs here. That's how I find my way around.
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.
What are some alternatives?
moti - 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native
react-native-toast-message - Animated toast message component for React Native
react-native-skia - High-performance React Native Graphics using Skia
react-spring-bottom-sheet - Accessible ♿️, Delightful ✨, & Fast 🚀
react-native-fast-image - 🚩 FastImage, performant React Native image component.
react-native-safe-area-context - A flexible way to handle safe area insets in JS. Also works on Android and Web!
react-native-vision-camera - 📸 A powerful, high-performance React Native Camera library.
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-debugger - The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools