CODEWITHSUNDEEP
ioswidgetdarttransitionflutter
Dyego Vieira
Dyego Vieira

Reputation: 318

Flutter: iOS NavigationBar Transition

Is it possible to replicate this navigation bar transition effect using Cupertino Widgets?

enter image description here

I may not be using the widgets correctly.
And looking at some examples, I have not found any that shows exactly this effect.

Upvotes: 5

Views: 1826

Answers (2)

Arslan Kaleem
Arslan Kaleem

Reputation: 1618

If you want to have a slide transition like iOS, you use CupertinoPageRoute:

CupertinoPageRoute.
Navigator.push(
    context, CupertinoPageRoute(builder: (context) => Screen2()))

further you can see CupertinoPageRoute

There is also a widget known as PageView you can check. Maybe that would help

Upvotes: 5

rmtmckenzie
rmtmckenzie

Reputation: 40503

The simple answer is not currently. See this bug - it's something that's being considered by the flutter team but not currently implemented. It's in the Milestone they hope to complete by the 1.0 release (but that could be a while).

That being said, you could do it yourself with a bit of work. You could start with something like the answer here but animate the AppBar instead of the NavigationBar. Not a particularly pretty solution, but it would work.

Upvotes: 1

Related Questions