Committed by
GitHub
Merge pull request #14 from bierbaumtim/master
Expose Curve for animating the route and the modal
Showing
5 changed files
with
48 additions
and
9 deletions
@@ -38,6 +38,7 @@ class ModalBottomSheet extends StatefulWidget { | @@ -38,6 +38,7 @@ class ModalBottomSheet extends StatefulWidget { | ||
38 | const ModalBottomSheet({ | 38 | const ModalBottomSheet({ |
39 | Key key, | 39 | Key key, |
40 | this.animationController, | 40 | this.animationController, |
41 | + this.animationCurve, | ||
41 | this.enableDrag = true, | 42 | this.enableDrag = true, |
42 | this.containerBuilder, | 43 | this.containerBuilder, |
43 | this.bounce = true, | 44 | this.bounce = true, |
@@ -58,6 +59,11 @@ class ModalBottomSheet extends StatefulWidget { | @@ -58,6 +59,11 @@ class ModalBottomSheet extends StatefulWidget { | ||
58 | /// is not just a passive observer. | 59 | /// is not just a passive observer. |
59 | final AnimationController animationController; | 60 | final AnimationController animationController; |
60 | 61 | ||
62 | + /// The curve used by the animation showing and dismissing the bottom sheet. | ||
63 | + /// | ||
64 | + /// If no curve is provided it falls back to `Curves.easeOutSine`. | ||
65 | + final Curve animationCurve; | ||
66 | + | ||
61 | /// Allows the bottom sheet to go beyond the top bound of the content, | 67 | /// Allows the bottom sheet to go beyond the top bound of the content, |
62 | /// but then bounce the content back to the edge of | 68 | /// but then bounce the content back to the edge of |
63 | /// the top bound. | 69 | /// the top bound. |
@@ -276,7 +282,7 @@ class _ModalBottomSheetState extends State<ModalBottomSheet> | @@ -276,7 +282,7 @@ class _ModalBottomSheetState extends State<ModalBottomSheet> | ||
276 | Widget build(BuildContext context) { | 282 | Widget build(BuildContext context) { |
277 | final bounceAnimation = CurvedAnimation( | 283 | final bounceAnimation = CurvedAnimation( |
278 | parent: _bounceDragController, | 284 | parent: _bounceDragController, |
279 | - curve: Curves.easeOutSine, | 285 | + curve: widget.animationCurve ?? Curves.easeOutSine, |
280 | ); | 286 | ); |
281 | 287 | ||
282 | var child = widget.builder(context, _scrollController); | 288 | var child = widget.builder(context, _scrollController); |
@@ -17,6 +17,7 @@ class _ModalBottomSheet<T> extends StatefulWidget { | @@ -17,6 +17,7 @@ class _ModalBottomSheet<T> extends StatefulWidget { | ||
17 | this.scrollController, | 17 | this.scrollController, |
18 | this.expanded = false, | 18 | this.expanded = false, |
19 | this.enableDrag = true, | 19 | this.enableDrag = true, |
20 | + this.animationCurve, | ||
20 | }) : assert(expanded != null), | 21 | }) : assert(expanded != null), |
21 | assert(enableDrag != null), | 22 | assert(enableDrag != null), |
22 | super(key: key); | 23 | super(key: key); |
@@ -26,6 +27,7 @@ class _ModalBottomSheet<T> extends StatefulWidget { | @@ -26,6 +27,7 @@ class _ModalBottomSheet<T> extends StatefulWidget { | ||
26 | final bool bounce; | 27 | final bool bounce; |
27 | final bool enableDrag; | 28 | final bool enableDrag; |
28 | final AnimationController secondAnimationController; | 29 | final AnimationController secondAnimationController; |
30 | + final Curve animationCurve; | ||
29 | final ScrollController scrollController; | 31 | final ScrollController scrollController; |
30 | 32 | ||
31 | @override | 33 | @override |
@@ -97,6 +99,7 @@ class _ModalBottomSheetState<T> extends State<_ModalBottomSheet<T>> { | @@ -97,6 +99,7 @@ class _ModalBottomSheetState<T> extends State<_ModalBottomSheet<T>> { | ||
97 | builder: widget.route.builder, | 99 | builder: widget.route.builder, |
98 | enableDrag: widget.enableDrag, | 100 | enableDrag: widget.enableDrag, |
99 | bounce: widget.bounce, | 101 | bounce: widget.bounce, |
102 | + animationCurve: widget.animationCurve, | ||
100 | ), | 103 | ), |
101 | ); | 104 | ); |
102 | }, | 105 | }, |
@@ -116,6 +119,7 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | @@ -116,6 +119,7 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | ||
116 | this.enableDrag = true, | 119 | this.enableDrag = true, |
117 | @required this.expanded, | 120 | @required this.expanded, |
118 | this.bounce = false, | 121 | this.bounce = false, |
122 | + this.animationCurve, | ||
119 | RouteSettings settings, | 123 | RouteSettings settings, |
120 | }) : assert(expanded != null), | 124 | }) : assert(expanded != null), |
121 | assert(isDismissible != null), | 125 | assert(isDismissible != null), |
@@ -132,6 +136,7 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | @@ -132,6 +136,7 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | ||
132 | final ScrollController scrollController; | 136 | final ScrollController scrollController; |
133 | 137 | ||
134 | final AnimationController secondAnimationController; | 138 | final AnimationController secondAnimationController; |
139 | + final Curve animationCurve; | ||
135 | 140 | ||
136 | @override | 141 | @override |
137 | Duration get transitionDuration => _bottomSheetDuration; | 142 | Duration get transitionDuration => _bottomSheetDuration; |
@@ -172,6 +177,7 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | @@ -172,6 +177,7 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | ||
172 | scrollController: scrollController, | 177 | scrollController: scrollController, |
173 | bounce: bounce, | 178 | bounce: bounce, |
174 | enableDrag: enableDrag, | 179 | enableDrag: enableDrag, |
180 | + animationCurve: animationCurve, | ||
175 | ), | 181 | ), |
176 | ); | 182 | ); |
177 | return bottomSheet; | 183 | return bottomSheet; |
@@ -195,8 +201,8 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | @@ -195,8 +201,8 @@ class ModalBottomSheetRoute<T> extends PopupRoute<T> { | ||
195 | } | 201 | } |
196 | 202 | ||
197 | /// Shows a modal material design bottom sheet. | 203 | /// Shows a modal material design bottom sheet. |
198 | -Future<T> showCustomModalBottomSheet<T>( | ||
199 | - {@required BuildContext context, | 204 | +Future<T> showCustomModalBottomSheet<T>({ |
205 | + @required BuildContext context, | ||
200 | @required ScrollWidgetBuilder builder, | 206 | @required ScrollWidgetBuilder builder, |
201 | @required WidgetWithChildBuilder containerWidget, | 207 | @required WidgetWithChildBuilder containerWidget, |
202 | Color backgroundColor, | 208 | Color backgroundColor, |
@@ -207,10 +213,12 @@ Future<T> showCustomModalBottomSheet<T>( | @@ -207,10 +213,12 @@ Future<T> showCustomModalBottomSheet<T>( | ||
207 | bool bounce = false, | 213 | bool bounce = false, |
208 | bool expand = false, | 214 | bool expand = false, |
209 | AnimationController secondAnimation, | 215 | AnimationController secondAnimation, |
216 | + Curve animationCurve, | ||
210 | bool useRootNavigator = false, | 217 | bool useRootNavigator = false, |
211 | bool isDismissible = true, | 218 | bool isDismissible = true, |
212 | bool enableDrag = true, | 219 | bool enableDrag = true, |
213 | - ScrollController scrollController}) async { | 220 | + ScrollController scrollController, |
221 | +}) async { | ||
214 | assert(context != null); | 222 | assert(context != null); |
215 | assert(builder != null); | 223 | assert(builder != null); |
216 | assert(containerWidget != null); | 224 | assert(containerWidget != null); |
@@ -231,6 +239,7 @@ Future<T> showCustomModalBottomSheet<T>( | @@ -231,6 +239,7 @@ Future<T> showCustomModalBottomSheet<T>( | ||
231 | isDismissible: isDismissible, | 239 | isDismissible: isDismissible, |
232 | modalBarrierColor: barrierColor, | 240 | modalBarrierColor: barrierColor, |
233 | enableDrag: enableDrag, | 241 | enableDrag: enableDrag, |
242 | + animationCurve: animationCurve, | ||
234 | )); | 243 | )); |
235 | return result; | 244 | return result; |
236 | } | 245 | } |
@@ -66,6 +66,7 @@ Future<T> showBarModalBottomSheet<T>({ | @@ -66,6 +66,7 @@ Future<T> showBarModalBottomSheet<T>({ | ||
66 | bool bounce = true, | 66 | bool bounce = true, |
67 | bool expand = false, | 67 | bool expand = false, |
68 | AnimationController secondAnimation, | 68 | AnimationController secondAnimation, |
69 | + Curve animationCurve, | ||
69 | bool useRootNavigator = false, | 70 | bool useRootNavigator = false, |
70 | bool isDismissible = true, | 71 | bool isDismissible = true, |
71 | bool enableDrag = true, | 72 | bool enableDrag = true, |
@@ -91,6 +92,7 @@ Future<T> showBarModalBottomSheet<T>({ | @@ -91,6 +92,7 @@ Future<T> showBarModalBottomSheet<T>({ | ||
91 | isDismissible: isDismissible, | 92 | isDismissible: isDismissible, |
92 | modalBarrierColor: barrierColor, | 93 | modalBarrierColor: barrierColor, |
93 | enableDrag: enableDrag, | 94 | enableDrag: enableDrag, |
95 | + animationCurve: animationCurve, | ||
94 | )); | 96 | )); |
95 | return result; | 97 | return result; |
96 | } | 98 | } |
@@ -72,6 +72,8 @@ Future<T> showCupertinoModalBottomSheet<T>({ | @@ -72,6 +72,8 @@ Future<T> showCupertinoModalBottomSheet<T>({ | ||
72 | Color barrierColor, | 72 | Color barrierColor, |
73 | bool expand = false, | 73 | bool expand = false, |
74 | AnimationController secondAnimation, | 74 | AnimationController secondAnimation, |
75 | + Curve animationCurve, | ||
76 | + Curve previousRouteAnimationCurve, | ||
75 | bool useRootNavigator = false, | 77 | bool useRootNavigator = false, |
76 | bool bounce = true, | 78 | bool bounce = true, |
77 | bool isDismissible, | 79 | bool isDismissible, |
@@ -107,11 +109,15 @@ Future<T> showCupertinoModalBottomSheet<T>({ | @@ -107,11 +109,15 @@ Future<T> showCupertinoModalBottomSheet<T>({ | ||
107 | isDismissible: isDismissible ?? expand == false ? true : false, | 109 | isDismissible: isDismissible ?? expand == false ? true : false, |
108 | modalBarrierColor: barrierColor ?? Colors.black12, | 110 | modalBarrierColor: barrierColor ?? Colors.black12, |
109 | enableDrag: enableDrag, | 111 | enableDrag: enableDrag, |
112 | + animationCurve: animationCurve, | ||
113 | + previousRouteAnimationCurve: previousRouteAnimationCurve, | ||
110 | )); | 114 | )); |
111 | return result; | 115 | return result; |
112 | } | 116 | } |
113 | 117 | ||
114 | class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { | 118 | class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { |
119 | + final Curve previousRouteAnimationCurve; | ||
120 | + | ||
115 | CupertinoModalBottomSheetRoute({ | 121 | CupertinoModalBottomSheetRoute({ |
116 | ScrollWidgetBuilder builder, | 122 | ScrollWidgetBuilder builder, |
117 | WidgetWithChildBuilder containerBuilder, | 123 | WidgetWithChildBuilder containerBuilder, |
@@ -120,12 +126,14 @@ class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { | @@ -120,12 +126,14 @@ class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { | ||
120 | ShapeBorder shape, | 126 | ShapeBorder shape, |
121 | Clip clipBehavior, | 127 | Clip clipBehavior, |
122 | AnimationController secondAnimationController, | 128 | AnimationController secondAnimationController, |
129 | + Curve animationCurve, | ||
123 | Color modalBarrierColor, | 130 | Color modalBarrierColor, |
124 | bool bounce = true, | 131 | bool bounce = true, |
125 | bool isDismissible = true, | 132 | bool isDismissible = true, |
126 | bool enableDrag = true, | 133 | bool enableDrag = true, |
127 | @required bool expanded, | 134 | @required bool expanded, |
128 | RouteSettings settings, | 135 | RouteSettings settings, |
136 | + this.previousRouteAnimationCurve, | ||
129 | }) : assert(expanded != null), | 137 | }) : assert(expanded != null), |
130 | assert(isDismissible != null), | 138 | assert(isDismissible != null), |
131 | assert(enableDrag != null), | 139 | assert(enableDrag != null), |
@@ -140,6 +148,7 @@ class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { | @@ -140,6 +148,7 @@ class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { | ||
140 | enableDrag: enableDrag, | 148 | enableDrag: enableDrag, |
141 | expanded: expanded, | 149 | expanded: expanded, |
142 | settings: settings, | 150 | settings: settings, |
151 | + animationCurve: animationCurve, | ||
143 | ); | 152 | ); |
144 | 153 | ||
145 | @override | 154 | @override |
@@ -172,18 +181,25 @@ class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { | @@ -172,18 +181,25 @@ class CupertinoModalBottomSheetRoute<T> extends ModalBottomSheetRoute<T> { | ||
172 | Widget getPreviousRouteTransition(BuildContext context, | 181 | Widget getPreviousRouteTransition(BuildContext context, |
173 | Animation<double> secondaryAnimation, Widget child) { | 182 | Animation<double> secondaryAnimation, Widget child) { |
174 | return _CupertinoModalTransition( | 183 | return _CupertinoModalTransition( |
175 | - secondaryAnimation: secondaryAnimation, body: child); | 184 | + secondaryAnimation: secondaryAnimation, |
185 | + body: child, | ||
186 | + animationCurve: previousRouteAnimationCurve, | ||
187 | + ); | ||
176 | } | 188 | } |
177 | } | 189 | } |
178 | 190 | ||
179 | class _CupertinoModalTransition extends StatelessWidget { | 191 | class _CupertinoModalTransition extends StatelessWidget { |
180 | final Animation<double> secondaryAnimation; | 192 | final Animation<double> secondaryAnimation; |
193 | + final Curve animationCurve; | ||
181 | 194 | ||
182 | final Widget body; | 195 | final Widget body; |
183 | 196 | ||
184 | - const _CupertinoModalTransition( | ||
185 | - {Key key, @required this.secondaryAnimation, @required this.body}) | ||
186 | - : super(key: key); | 197 | + const _CupertinoModalTransition({ |
198 | + Key key, | ||
199 | + @required this.secondaryAnimation, | ||
200 | + @required this.body, | ||
201 | + this.animationCurve, | ||
202 | + }) : super(key: key); | ||
187 | 203 | ||
188 | @override | 204 | @override |
189 | Widget build(BuildContext context) { | 205 | Widget build(BuildContext context) { |
@@ -196,7 +212,7 @@ class _CupertinoModalTransition extends StatelessWidget { | @@ -196,7 +212,7 @@ class _CupertinoModalTransition extends StatelessWidget { | ||
196 | 212 | ||
197 | final curvedAnimation = CurvedAnimation( | 213 | final curvedAnimation = CurvedAnimation( |
198 | parent: secondaryAnimation, | 214 | parent: secondaryAnimation, |
199 | - curve: Curves.easeOut, | 215 | + curve: animationCurve ?? Curves.easeOut, |
200 | ); | 216 | ); |
201 | 217 | ||
202 | return AnnotatedRegion<SystemUiOverlayStyle>( | 218 | return AnnotatedRegion<SystemUiOverlayStyle>( |
@@ -261,6 +277,8 @@ class CupertinoScaffold extends StatefulWidget { | @@ -261,6 +277,8 @@ class CupertinoScaffold extends StatefulWidget { | ||
261 | static Future<T> showCupertinoModalBottomSheet<T>({ | 277 | static Future<T> showCupertinoModalBottomSheet<T>({ |
262 | @required BuildContext context, | 278 | @required BuildContext context, |
263 | @required ScrollWidgetBuilder builder, | 279 | @required ScrollWidgetBuilder builder, |
280 | + Curve animationCurve, | ||
281 | + Curve previousRouteAnimationCurve, | ||
264 | Color backgroundColor, | 282 | Color backgroundColor, |
265 | Color barrierColor, | 283 | Color barrierColor, |
266 | bool expand = false, | 284 | bool expand = false, |
@@ -295,6 +313,8 @@ class CupertinoScaffold extends StatefulWidget { | @@ -295,6 +313,8 @@ class CupertinoScaffold extends StatefulWidget { | ||
295 | isDismissible: isDismissible ?? expand == false ? true : false, | 313 | isDismissible: isDismissible ?? expand == false ? true : false, |
296 | modalBarrierColor: barrierColor ?? Colors.black12, | 314 | modalBarrierColor: barrierColor ?? Colors.black12, |
297 | enableDrag: enableDrag, | 315 | enableDrag: enableDrag, |
316 | + animationCurve: animationCurve, | ||
317 | + previousRouteAnimationCurve: previousRouteAnimationCurve, | ||
298 | )); | 318 | )); |
299 | return result; | 319 | return result; |
300 | } | 320 | } |
@@ -14,6 +14,7 @@ Future<T> showMaterialModalBottomSheet<T>({ | @@ -14,6 +14,7 @@ Future<T> showMaterialModalBottomSheet<T>({ | ||
14 | bool bounce = false, | 14 | bool bounce = false, |
15 | bool expand = false, | 15 | bool expand = false, |
16 | AnimationController secondAnimation, | 16 | AnimationController secondAnimation, |
17 | + Curve animationCurve, | ||
17 | bool useRootNavigator = false, | 18 | bool useRootNavigator = false, |
18 | bool isDismissible = true, | 19 | bool isDismissible = true, |
19 | bool enableDrag = true, | 20 | bool enableDrag = true, |
@@ -44,6 +45,7 @@ Future<T> showMaterialModalBottomSheet<T>({ | @@ -44,6 +45,7 @@ Future<T> showMaterialModalBottomSheet<T>({ | ||
44 | isDismissible: isDismissible, | 45 | isDismissible: isDismissible, |
45 | modalBarrierColor: barrierColor, | 46 | modalBarrierColor: barrierColor, |
46 | enableDrag: enableDrag, | 47 | enableDrag: enableDrag, |
48 | + animationCurve: animationCurve, | ||
47 | )); | 49 | )); |
48 | return result; | 50 | return result; |
49 | } | 51 | } |
-
Please register or login to post a comment