Building specific Navigation animation with Flutter

Question

Is there a way to build such an effect with Flutter by navigate from one page to another?

Do you have an idea to build an effect like that? I would post code examples, but I really have no idea how to do anything like this...

hisam · Accepted Answer · 2020-07-29 12:22:41Z

1

I think the navigations between those pages are the Hero Animations.

As for another transition, you can use this package.

I hope it will help you.

answered Jul 29, 2020 at 12:22

hisam

1,6281 gold badge12 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Zeeshan Hussain · Accepted Answer · 2020-07-29 12:23:46Z

0

You can Hero Widget to achieve this.

In the first screen wrap your image with Hero widget and provide it with a tag. In the second screen wrap your image with Hero widget and provide it with the same tag.

Hero(
  tag: 'firstImage'
  child: Image.asset('images/1.png'),
)

You can watch the Hero widget video in the Flutter widget of week https://www.youtube.com/watch?v=Be9UH1kXFDw&feature=emb_logo.

To read more about the hero widget, you can checkout https://flutter.dev/docs/development/ui/animations/hero-animations.

answered Jul 29, 2020 at 12:23

Zeeshan Hussain

8427 silver badges10 bronze badges

Collectives™ on Stack Overflow

Building specific Navigation animation with Flutter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related