Тёмный

Flutter SVG Animations With Rive 

Reso Coder
Подписаться 112 тыс.
Просмотров 34 тыс.
50% 1

📗 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

Опубликовано:

 

26 авг 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 44   
@GabrielCosta-xr5vr
@GabrielCosta-xr5vr 2 года назад
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!
@thebicycleman8062
@thebicycleman8062 Год назад
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!"
@ebrahimmansur9815
@ebrahimmansur9815 2 года назад
The presenters skill is amazing, she's a keeper matt 😍.....a great asset to the team
@ResoCoder
@ResoCoder 2 года назад
Full agreement here!
@roblesrt
@roblesrt 2 года назад
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 RU-vid has a 5 star button for ratings!
@Jonas-fc2rq
@Jonas-fc2rq 2 года назад
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❤️
@RamdanCode
@RamdanCode 2 года назад
Thanks Sweety 😗👍 This awesome tutorial... :D
@subrotoxing8214
@subrotoxing8214 2 года назад
wow .. what a golden tutorial .. much thanks ^^
@JustinEltoft
@JustinEltoft Год назад
Thanks so much! This is a great tutorial.
@codejack7666
@codejack7666 2 года назад
Great as always, thanks
@arnauduquenoy75
@arnauduquenoy75 2 года назад
Great tuto 👌it is missing good Rive content on the web and its Flutter implementation
@ahmeedev
@ahmeedev 2 года назад
Thanks for Updated Lecture
@alithejumbo
@alithejumbo 2 года назад
Thank you, live saver!
@kalderDean
@kalderDean 2 года назад
Wow thanks!
@fabiovokrri517
@fabiovokrri517 2 года назад
Wow amazing. I have a question: what font are you using?
@travisma9586
@travisma9586 2 года назад
LOL, this is a better Rive web app tutorial than the ones created by Rive!
@painfulmemories168
@painfulmemories168 2 года назад
Thanks ❤️❤️❤️
@user-ks5rv8wz4w
@user-ks5rv8wz4w Год назад
thank you
@RenittoJose
@RenittoJose 2 года назад
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?
@championcoaching85
@championcoaching85 Год назад
Great video
@4n1mefun90
@4n1mefun90 2 года назад
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
@xxcode
@xxcode Год назад
thanks soooooooo much 👌👌😎😎❤❤
@marcussenise8964
@marcussenise8964 2 года назад
Great tutorial! But it would be even better if we could download these .riv files to follow this tutorial hands-on!
@sadeghabedi6776
@sadeghabedi6776 2 года назад
❤️❤️❤️
@madhank93
@madhank93 2 года назад
💙💙💙
@madhawapolkotuwa6335
@madhawapolkotuwa6335 2 года назад
can you share the .riv files its really helpful for understand
@harshjain4256
@harshjain4256 2 года назад
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
@rebarius
@rebarius 2 года назад
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.
@angelosavioti4627
@angelosavioti4627 2 года назад
It's just an example to show animations.
@rachitsharmavlogs151
@rachitsharmavlogs151 2 года назад
Can we get those rive files?
@axomclutchgod1414
@axomclutchgod1414 2 года назад
How To Integrate tappx ad SDK in flutter?
@macliems8548
@macliems8548 2 года назад
Without being able to see the .riv files in the rive.app editor, I find the Flutter code very difficult to understand!
@UsamaKarim
@UsamaKarim 2 года назад
I have started pronouncing the channel name from Reso to Rossy 😹
@truelife9057
@truelife9057 2 года назад
Please, speak slowly like Reso for such person who can't understand when english native speakers speak like me.Thank you very much
@dennisbarzanoff9025
@dennisbarzanoff9025 2 года назад
Lol Matt, is that your wifie?
@ResoCoder
@ResoCoder 2 года назад
Contractor, and a very good one.
@i-am-learning-life
@i-am-learning-life 2 года назад
Changed presenter ???
@ResoCoder
@ResoCoder 2 года назад
Yup, behind the scenes video coming soon.
@fmahmohammadi8858
@fmahmohammadi8858 2 года назад
hiiiiiiiiiiiiiiiiiiiiiiiiiiii
@aligh6507
@aligh6507 2 года назад
where is Matt?
@ResoCoder
@ResoCoder 2 года назад
Responding to this comment haha. Behind the scenes video coming soon.
@aligh6507
@aligh6507 2 года назад
​@@ResoCoder I worried about you for a moment :)