This widget is truly a gem. Every time, I watch flutter widget of the week tutorial. It encourage me to invest more time learning Flutter. I can't believe that a 1-2 minutes video will drive me up to this point.
Awesome series, I think these series could be organized to separated lists for each list a main topic like series focused on 'UI/UX', and another series for ways for 'Displaying data' - Listviews..etc -' and so on.
It's as simple as adding two Hero wrappers? I/flutter (16668): The following assertion was thrown during a scheduler callback: I/flutter (16668): There are multiple heroes that share the same tag within a subtree. I/flutter (16668): Within each subtree for which heroes are to be animated (typically a PageRoute subtree), each Hero I/flutter (16668): must have a unique non-null tag. I/flutter (16668): In this case, multiple heroes had the following tag: image I/flutter (16668): Here is the subtree for one of the offending heroes: I am getting an error for adding two tags when that is the way to trigger Hero Widget animation. Any idea why does this throw an error in my flutter app? Also, all my floating action buttons have heroTags.
The two Hero widgets with the same tags need to be in different PageRoutes. If the two Heros are in the same subtree (meaning, most often, in the same Route), they will never animate from one to another. Heros are meant to provide animation between screens. Make sure you're actually creating a new PageRoute: flutter.io/docs/cookbook/navigation/navigation-basics
Flutter's completely open source, so everything can be changed! :) The hero animation is timed to match the transition used by your Navigator widget (if you're using MaterialApp, one of these is made for you). You would need to create your own transition with the speed you want, and then use it when creating routes. Here are some articles created by the community that should help you get started: medium.com/@agungsurya/create-custom-router-transition-in-flutter-using-pageroutebuilder-73a1a9c4a171 www.raywenderlich.com/110-flutter-navigation-tutorial
"Hero" is a design term. It means the main / most important part of a screen, often an image. See, for example, this article about web design: envato.com/blog/exploring-hero-image-trend-web-design/
I swear these videos are topnotch! Simple and direct to the point, but a joy to watch. 👌
*Flutter is the Future, for sure!*
lol
It's the present now.
@@pcgs_ It is still the present
This widget is truly a gem. Every time, I watch flutter widget of the week tutorial. It encourage me to invest more time learning Flutter. I can't believe that a 1-2 minutes video will drive me up to this point.
i am impressed
i mean every day
Hero animations are really cool and they reduce our over head for extra animations 😊
Just WOOW !
You are the Heroes Flutter Team
Thanks a lot
Thanks Google for providing well documentation and this kind of good explanation video, it's easy to understand for flutter developers
Compared to the Android SDK, Flutter just works! And it does everthing that is important and used frequently almost by itself.
Flutter is the Hero of the Future!
These explanations are great, keep them coming!
☺️ I see what you did there at the end.
I really need some time to get Flutter another try. I tested it on early days, but didn't had a project and time for exploring it better.
This is cool. I'm wondering where I should use this in my current app.
Awesome series, I think these series could be organized to separated lists for each list a main topic like series focused on 'UI/UX', and another series for ways for 'Displaying data' - Listviews..etc -' and so on.
Im in love with that widget
How comprehensive of an SDK can you make?
Google: Yes.
Exactly what i needed!
If the hero component I clicked is half-covered by the bottom bar or the appbar, the transition animation will look very unnatural.
This is what i was looking for.
In love with flutter💕 from Pakistan👌
Flutter is my hero.
Hero is HERO!
Flutter saved my life!
also flutter is hero of mobile app development
HEAL YOUR HERO!
So sweet, way this works
Good video! :)
It's as simple as adding two Hero wrappers?
I/flutter (16668): The following assertion was thrown during a scheduler callback:
I/flutter (16668): There are multiple heroes that share the same tag within a subtree.
I/flutter (16668): Within each subtree for which heroes are to be animated (typically a PageRoute subtree), each Hero
I/flutter (16668): must have a unique non-null tag.
I/flutter (16668): In this case, multiple heroes had the following tag: image
I/flutter (16668): Here is the subtree for one of the offending heroes:
I am getting an error for adding two tags when that is the way to trigger Hero Widget animation. Any idea why does this throw an error in my flutter app? Also, all my floating action buttons have heroTags.
The two Hero widgets with the same tags need to be in different PageRoutes. If the two Heros are in the same subtree (meaning, most often, in the same Route), they will never animate from one to another. Heros are meant to provide animation between screens.
Make sure you're actually creating a new PageRoute: flutter.io/docs/cookbook/navigation/navigation-basics
This is Amazing👍👌
nice widget
Do you know if there is a way to change the hero animation speed? Or is it not something that can be changed?
Flutter's completely open source, so everything can be changed! :)
The hero animation is timed to match the transition used by your Navigator widget (if you're using MaterialApp, one of these is made for you). You would need to create your own transition with the speed you want, and then use it when creating routes. Here are some articles created by the community that should help you get started:
medium.com/@agungsurya/create-custom-router-transition-in-flutter-using-pageroutebuilder-73a1a9c4a171
www.raywenderlich.com/110-flutter-navigation-tutorial
Thanks for your response! It helped
So that’s what my brother has been using...
Was the name of this widget inspired by Hero for iOS? :)
Just dont say no to ur designer :0
This is awesome. Btw, does anyone know what they used to make the slides? They look really pretty!
You'd assume they use flutter do make the slides too.
Holly cow!
Others:
color: red;
flutter:
MaterialApp(
home: scaffold(
body: Text("Hello World", style: TextStyle(color: Colors.red)
)
)
);
@@kynoo when i first learned in Flutter, I'm so confused why I have to type the same word over and over again
Yes but it's with class it's normal
Dear Lord, make me a Flutter Hero. Amen!
Can I make a launcher app with flutter? Any samples?
This is so beautiful.
Lol.
Simple enough
Playlist?
Why they named this Widget as Hero ? , is should be KeyFrame
Watching at 2021, am I late?
Nope. The Hero widget still works. :)
Hero()!
why this widget named hero
"Hero" is a design term. It means the main / most important part of a screen, often an image. See, for example, this article about web design: envato.com/blog/exploring-hero-image-trend-web-design/
WOW
heeeeeeeeeeeeroooooooooooo
TURKISH SUBTITLE
:-)