Hello, in this video, I'm going to show you how to animate widgets across different screens using the hero animations. I've already set up exactly a pretty simple implementation, I'm gonna run through the code with you, you'll be provided with a GitHub link, where you can check out all the source code from every video plus this one as well. I want you to do essentially, you know, implement yourself to see like, so like tasks video. So we've got to the stage in this series, where I'm going to be very knowledgeable by now and when I want to throw a few of these tasks at you, so this is what we get so far. If I click on it, obviously doesn't open up a new page necessarily. And then display, it basically just animates it.

And what we have we got the main screen, which was scaffold, you got a gesture detector on it. Then in that we have the child and this is important, we need a hero, then we have no more than one. So in this case, it's a image we gave from the network. Networking is where you get it from local networks that don't really matter. When you push it, you have to do navigate push context material page route builder on this call, then we don't we don't do the actual what's called net pay you return Details screen, which is this white here, which have nothing, Chaska fall, we have a gesture detector position the hero the image network. But when you tap it, it'll basically pop stuff off.

And the hero app, which is basically initially code that just invokes the main screen. So it's pretty simple, if you've been following along so far in this series, but as you can see, it is ridiculously effective. You can't do it on the outside. That's the test that I want you to do as well implemented. So if you click on that, so it goes back to this. So this is a great way maybe you're on social media posts, you only show the image, maybe a couple of lines of text, you click on this, it opens it up without you know, it sort of goes into a hole.

Know the page, you can see what's on there, then you can go back to the screen. That's basically how you animate wages across screens using the hero animation. If you have any questions, feel free to call me message. And as usual, I look forward to seeing you in the next video.