Flutter SVG Animations With Rive
HTML-код
- Опубликовано: 26 авг 2021
- 📗 Learn from the written tutorial 👇👇
resocoder.com/rive-flutter-an...
📧 Get Flutter news 📰 and resources:
👉 flutter.education
👨💻 Do you write good code? Find out now!
resocoder.com/good-code-quiz
In a world where your app is competing with millions of others, it's important for it to stand out visually as much as functionally. Sprinkling some beautiful animations across your app can really enhance its appeal and the user’s overall experience.
SVGs are incredibly versatile, customizable, and can be animated inside of your apps for a unique effect. Rive, formerly known as Flare, is an animation software that can be used to easily create animated SVGs. The Rive Flutter package can then be used to seamlessly add the animations you create into your apps.
Go to my website for more information, code examples, and articles:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder
● / resocoder
For those who don't know Matt is still on the channel/company but Ashley is doing new videos and written tutorials. Probably Matt is very busy. So thank you Ashley (and Matt) for don't letting us without quality content and kept doing great videos!
The grammar used in this comment needs some fixing, here is how it should be:
"For those who don't know, Matt is still with the channel/company, but Ashley is now producing new videos and written tutorials. It's likely that Matt is very busy. So, thank you, Ashley (and Matt), for not leaving us without quality content and for continuing to create great videos!"
The presenters skill is amazing, she's a keeper matt 😍.....a great asset to the team
Full agreement here!
Soooo awesomeee! I was looking for SVG animation in Flutter and this tutorial nailed it! Thanks a lot Ashley for sharing your expertise! I wish RUclips has a 5 star button for ratings!
You can also set the exit time to a percentage!!! Setting it to 100% is better (see 16:30) because you can still change the duration of the Rotation state without breaking the state machine.
Thank you for the video. Rive is awesome❤️
Thanks so much! This is a great tutorial.
Great as always, thanks
wow .. what a golden tutorial .. much thanks ^^
Thanks Sweety 😗👍
This awesome tutorial...
:D
Thank you, live saver!
Thanks for Updated Lecture
Wow thanks!
Great video
LOL, this is a better Rive web app tutorial than the ones created by Rive!
Great tuto 👌it is missing good Rive content on the web and its Flutter implementation
Thanks ❤️❤️❤️
thank you
thanks soooooooo much 👌👌😎😎❤❤
Wow amazing. I have a question: what font are you using?
Rive looks great. I have been using Lottie in my native and flutter projects. Can someone explain what are the advantages of Rive over Lottie?
❤️❤️❤️
Great tutorial! But it would be even better if we could download these .riv files to follow this tutorial hands-on!
can you tell me the differences between after effect, lottie and rive, they don't all work the same, which one do you think I should use for flutter dec
💙💙💙
My animation resets automatically to frame 1 when it completes i want to pause the animation when it finishes plz plz tell me how to do it i cant find it anywhere
can you share the .riv files its really helpful for understand
You don‘t need these waves. You can do that in Flutter and because if you want to scan audio files you can do it easier in Flutter as do it in rive :). There‘s also an audio_wave package, to generate the waves.
It's just an example to show animations.
How To Integrate tappx ad SDK in flutter?
I have started pronouncing the channel name from Reso to Rossy 😹
Without being able to see the .riv files in the rive.app editor, I find the Flutter code very difficult to understand!
Can we get those rive files?
Please, speak slowly like Reso for such person who can't understand when english native speakers speak like me.Thank you very much
Lol Matt, is that your wifie?
Contractor, and a very good one.
hiiiiiiiiiiiiiiiiiiiiiiiiiiii
Changed presenter ???
Yup, behind the scenes video coming soon.
where is Matt?
Responding to this comment haha. Behind the scenes video coming soon.
@@ResoCoder I worried about you for a moment :)