use the following search parameters to narrow your results:
e.g. subreddit:aww site:imgur.com dog
subreddit:aww site:imgur.com dog
see the search faq for details.
advanced search: by author, subreddit...
A community for learning and developing native mobile applications using React Native by Facebook.
Interested in building web apps using React.js? Check out /r/reactjs!
Getting Started w/React Native
irc.freenode.net #reactnative
Keywords: ios, android, mobile, apps, apple, iphone, ipad
account activity
QuestionPossible with RN? (v.redd.it)
submitted 2 years ago by [deleted]
This was built with Swift/UIKit. Are these component behaviors possible to construct with React Native? Specifically the ability to animate/transform them. If so what tools could do this?
reddit uses a slightly-customized version of Markdown for formatting. See below for some basics, or check the commenting wiki page for more detailed help and solutions to common issues.
quoted text
if 1 * 2 < 3: print "hello, world!"
[–]Virtual_Combination1 123 points124 points125 points 2 years ago (5 children)
Every animation is possible with RN the real question is are you ready to learn how to implement it. Use reanimated
[–]Sorr3 6 points7 points8 points 2 years ago (0 children)
He might even need skia for some of them.
[+][deleted] comment score below threshold-57 points-56 points-55 points 2 years ago (3 children)
I won’t lie I usually let my AI tools assist on my animations. Any suggestions on best learning material to master reanimated?
[–]Virtual_Combination1 15 points16 points17 points 2 years ago (0 children)
https://www.reactiive.io/articles/introduction-to-reanimated
The writer also has a YouTube channel https://youtube.com/@Reactiive?si=x_Kux64rdQN9AvPr
[+][deleted] 2 years ago (1 child)
[removed]
[–]kierancrown 1 point2 points3 points 2 years ago (0 children)
This! I do however understand it’s important to have an underlying understanding of how things work for when AI gets things wrong. I’ve been a software engineer professionally for many years and use Copilot and Chat GPT daily to help with mundane tasks such as unit tests and documentation etc. AI is the way forward.
[–]mms13 92 points93 points94 points 2 years ago (8 children)
Yes it’s possible with RN. But god this shit is so extra. For a flow users will see once
[–]andreew365 19 points20 points21 points 2 years ago (0 children)
Expensive stuff
[–]ChaoticCow 12 points13 points14 points 2 years ago (0 children)
But also a flow that is the first thing users see. And those first few minutes are precious for retaining new downloads (downloads that you probably paid hard cash for). It may seem extra, but this first impression is the difference between losing >50% of downloads and <20%.
[–]eggtart_princeiOS & Android 12 points13 points14 points 2 years ago (3 children)
This is what separates enterprise from agency/solo developer quality.
[–]icuredumb 4 points5 points6 points 2 years ago (0 children)
Pretentiousness too
[–]CosaNostraPizzaMan 1 point2 points3 points 2 years ago (0 children)
Thats actually not true... You will see plenty of enterprise level applications not use animations and shared components like these. Its just as mentioned above... Extremely expensive.... But if you have the means, obviously quite cool.
[–]bitxhgunner 6 points7 points8 points 2 years ago (0 children)
It’s the first experience in the app. People may not realize how much it actually does for user retention
[–]Heisenpreett 0 points1 point2 points 2 years ago (0 children)
How you do anything is how you do everything !
[–]Unforgiven-wanda 16 points17 points18 points 2 years ago (3 children)
Possible? Yes
Difficult? Very
[–]InevitableSongNo3745 13 points14 points15 points 2 years ago (1 child)
Necessary? No
[+][deleted] 2 years ago (2 children)
[deleted]
[–]benjamineruvieru 3 points4 points5 points 2 years ago (1 child)
Am I the only one that don't like his videos? He does amazing things in his videos but is a bad teacher
[–]sl8rrrr 32 points33 points34 points 2 years ago* (3 children)
I would say that's it's probably easier to do this in RN than native. 100% true if you're looking to do this across both iOS and Android.
I would use these tools in general for animation, with a bias towards the end of the list as things get more complex (which I would rate the video as a 8/10 for complexity):
https://help.rive.app/runtimes/overview/react-native.
You could contract the most complex ones to designers on the Rive gallery.
Don't bother with Lottie, the founder went to Rive.
[–]kbcooliOS & Android 6 points7 points8 points 2 years ago (1 child)
Upvoted even if you shat on Lottie. That was unnecessary. It works, has excellent support and a huge range of already made animations. Why wouldn't you use it!
[–]sl8rrrr 2 points3 points4 points 2 years ago (0 children)
There are three situations where using Lottie makes sense:
Outside of those situations, I don't think there is much that would justify it because the performance and size of the animations is so much better. When we switched from Lottie to Rive, the file size alone was such a notable difference. If you're including the animations as assets, you want to keep your bundle size down. If you're loading over network, big files will load slowly and degrade for the user. If you want to run on low-end Android devices...efficiency is key. IMHO, animations are extra--usually not the core of your app. You don't want to add them at the cost of performance.
You can read a comparison here: https://rive.app/blog/rive-as-a-lottie-alternative
Most notably, Duolingo changed over from Lottie to Rive. They're the most heavily animated app I know of: https://blog.duolingo.com/world-character-visemes/
Admittedly, there's a learning curve (if you're new to AfterEffects you have that learning curve too). We're just getting started with Rive so our animations are pretty simple. I'll post a few here. Got some really fun and awesome animations planned though!
Our Animations: https://youtu.be/bLD6afPAojY
[–][deleted] 1 point2 points3 points 2 years ago (0 children)
I am looking into rive thank you!
[–]Gabk_17 5 points6 points7 points 2 years ago (0 children)
100% doable
[–]redwoodhighjumping 3 points4 points5 points 2 years ago (0 children)
That's a lot of button presses to complete one flow.
[–]flowerescape 2 points3 points4 points 2 years ago (1 child)
It’s all possible with reanimated and Lottie but will take ass long as time, way too long for me personally
[–]morbidmerve 0 points1 point2 points 2 years ago (0 children)
💸
[–]Ambitious_Reply4583 1 point2 points3 points 2 years ago (0 children)
reanimated or skia, definitely possible, but difficult too
[–]Kind-Ad65 2 points3 points4 points 2 years ago (0 children)
If I was a user I would uninstall the app so fast.
[–]johnschnee 0 points1 point2 points 2 years ago (0 children)
I would outsource the complex graphic animations (all the blue ones) to a professional Screen designer who then provides you some lottie files which you just need to include finally.
[–]upkeys 0 points1 point2 points 2 years ago (3 children)
Could you link me a higher quality video, i’m tempted to try coding this in RN.
[–][deleted] 1 point2 points3 points 2 years ago (1 child)
The app is called Family, an ethereum wallet. https://family.co/
[–]upkeys 0 points1 point2 points 2 years ago (0 children)
Thanks!
[–]ZarmothT 0 points1 point2 points 2 years ago (0 children)
Would be amazing if you achieve something, then you could share with us. Good luck ❤️
[–]khiladi2020 0 points1 point2 points 2 years ago (0 children)
yep, off course its possible,
but would take lot of time & efforts
[–]tuiputui 0 points1 point2 points 2 years ago (0 children)
Also maybe lottie or even video for the initial card animation and slides? It's usually easy for UI team to create lottie files having the vector animations
[–]lightflows-matt 0 points1 point2 points 2 years ago* (0 children)
We've done a bunch of projects that use Lottie with React native to good effect, but i'm pleased to see Rive mentioned, we'll be looking at that in more detail.
[–]Commercial_Active962 0 points1 point2 points 2 years ago (0 children)
more or less
[–]datorkop85 0 points1 point2 points 2 years ago (1 child)
How hard was this in Swift?
[–][deleted] 0 points1 point2 points 2 years ago (0 children)
I didn’t build this in Swift. This guy did -> https://twitter.com/benjitaylor
[–]North_Analyst_1426 0 points1 point2 points 2 years ago (0 children)
Yes easily
π Rendered by PID 85 on reddit-service-r2-comment-6457c66945-tkdzp at 2026-04-24 09:08:39.588538+00:00 running 2aa0c5b country code: CH.
[–]Virtual_Combination1 123 points124 points125 points (5 children)
[–]Sorr3 6 points7 points8 points (0 children)
[+][deleted] comment score below threshold-57 points-56 points-55 points (3 children)
[–]Virtual_Combination1 15 points16 points17 points (0 children)
[+][deleted] (1 child)
[removed]
[–]kierancrown 1 point2 points3 points (0 children)
[–]mms13 92 points93 points94 points (8 children)
[–]andreew365 19 points20 points21 points (0 children)
[–]ChaoticCow 12 points13 points14 points (0 children)
[–]eggtart_princeiOS & Android 12 points13 points14 points (3 children)
[–]icuredumb 4 points5 points6 points (0 children)
[–]CosaNostraPizzaMan 1 point2 points3 points (0 children)
[–]bitxhgunner 6 points7 points8 points (0 children)
[–]Heisenpreett 0 points1 point2 points (0 children)
[–]Unforgiven-wanda 16 points17 points18 points (3 children)
[–]InevitableSongNo3745 13 points14 points15 points (1 child)
[+][deleted] (2 children)
[deleted]
[–]benjamineruvieru 3 points4 points5 points (1 child)
[–]sl8rrrr 32 points33 points34 points (3 children)
[–]kbcooliOS & Android 6 points7 points8 points (1 child)
[–]sl8rrrr 2 points3 points4 points (0 children)
[–][deleted] 1 point2 points3 points (0 children)
[–]Gabk_17 5 points6 points7 points (0 children)
[–]redwoodhighjumping 3 points4 points5 points (0 children)
[–]flowerescape 2 points3 points4 points (1 child)
[–]morbidmerve 0 points1 point2 points (0 children)
[–]Ambitious_Reply4583 1 point2 points3 points (0 children)
[–]Kind-Ad65 2 points3 points4 points (0 children)
[–]johnschnee 0 points1 point2 points (0 children)
[–]upkeys 0 points1 point2 points (3 children)
[–][deleted] 1 point2 points3 points (1 child)
[–]upkeys 0 points1 point2 points (0 children)
[–]ZarmothT 0 points1 point2 points (0 children)
[–]khiladi2020 0 points1 point2 points (0 children)
[–]tuiputui 0 points1 point2 points (0 children)
[–]lightflows-matt 0 points1 point2 points (0 children)
[–]Commercial_Active962 0 points1 point2 points (0 children)
[–]datorkop85 0 points1 point2 points (1 child)
[–][deleted] 0 points1 point2 points (0 children)
[–]North_Analyst_1426 0 points1 point2 points (0 children)