You've tried to visit a page that doesn't exist. Luckily this site 62 | has other pages.
63 |If you were looking for something specific, try searching: 64 |
67 | 68 | 69 |This package gives you beautiful page transitions. 61 | <br/><br/>
62 |
63 | 
64 | 
66 | It is really easy to use!
68 | You should ensure that you add the page_transition as a dependency in your flutter project.
dependencies:
70 | page_transition: "^1.1.7+6"
71 | Than you can use it with below examples.
73 |Navigator.push(context, PageTransition(type: PageTransitionType.fade, child: DetailScreen()));
74 |
75 | Navigator.push(context, PageTransition(type: PageTransitionType.leftToRight, child: DetailScreen()));
76 |
77 | Navigator.push(context, PageTransition(type: PageTransitionType.rightToLeft, child: DetailScreen()));
78 |
79 | Navigator.push(context, PageTransition(type: PageTransitionType.topToBottom, child: DetailScreen()));
80 |
81 | Navigator.push(context, PageTransition(type: PageTransitionType.bottomToTop, child: DetailScreen()));
82 |
83 | Navigator.push(context, PageTransition(type: PageTransitionType.scale, alignment: Alignment.bottomCenter, child: DetailScreen()));
84 |
85 | Navigator.push(context, PageTransition(type: PageTransitionType.size, alignment: Alignment.bottomCenter, child: DetailScreen()));
86 |
87 | Navigator.push(context, PageTransition(type: PageTransitionType.rotate, duration: Duration(second: 1), child: DetailScreen()));
88 |
89 | Navigator.push(context, PageTransition(type: PageTransitionType.rightToLeftWithFade, child: DetailScreen()));
90 |
91 | Navigator.push(context, PageTransition(type: PageTransitionType.leftToRightWithFade, child: DetailScreen()));
92 | First, define the onGenerateRoute property in the MaterialApp widget like below and in switch cases you can transition to your new routes:
onGenerateRoute: (settings) {
96 | switch (settings.name) {
97 | case '/second':
98 | return PageTransition(child: SecondPage(), type: PageTransitionType.scale);
99 | break;
100 | default:
101 | return null;
102 | }
103 | },
104 | After that you can use your new route like this:
106 |Navigator.pushNamed(context, '/second');
107 | First, define the onGenerateRoute property in the MaterialApp widget like below and in switch cases you can transition to your new routes:
onGenerateRoute: (settings) {
111 | switch (settings.name) {
112 | case '/second':
113 | return PageTransition(
114 | child: SecondPage(),
115 | type: PageTransitionType.scale,
116 | settings: settings,
117 | );
118 | break;
119 | default:
120 | return null;
121 | }
122 | },
123 | After that you can use your new route like this:
125 |Navigator.pushNamed(context, '/second', arguments: "arguments data");
126 | for more detail you can look example project.
128 |set ctx with BuildContext. ctx mandatory when inheritTheme set to true
Navigator.push(
131 | context,
132 | PageTransition(
133 | type: PageTransitionType.rightToLeft,
134 | child: TargetPage(),
135 | inheritTheme: true,
136 | ctx: context),
137 | );
138 | You can use any type of CurvedAnimation curves.
156 |You can use size, scale and rotate transform alignment
158 |Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
160 |Please make sure to update tests as appropriate.
161 |Returns a string representation of this object.
104 |