Skip to content

Instantly share code, notes, and snippets.

@itskgore
Created May 7, 2020 10:52
Show Gist options
  • Save itskgore/20889b3e9cf0c2b24dce18dcea0ddf55 to your computer and use it in GitHub Desktop.
Save itskgore/20889b3e9cf0c2b24dce18dcea0ddf55 to your computer and use it in GitHub Desktop.
Fade in navigation effects using flutter
class FadeNavigation extends PageRouteBuilder {
final Widget widget;
FadeNavigation({this.widget})
: super(
transitionDuration: Duration(milliseconds: 650),
transitionsBuilder: (BuildContext con, Animation<double> animation,
Animation<double> animationduration, Widget child) {
animation =
CurvedAnimation(parent: animation, curve: Curves.easeInOut);
return FadeTransition(
opacity: animation,
alwaysIncludeSemantics: true,
child: child,
);
},
pageBuilder: (BuildContext context, Animation<double> animation,
Animation<double> animationduration) {
return widget;
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment