page.dart 6.56 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

5
import 'package:flutter/cupertino.dart';
6

7
import 'page_transitions_theme.dart';
8
import 'theme.dart';
9

10 11
/// A modal route that replaces the entire screen with a platform-adaptive
/// transition.
12
///
13
/// {@macro flutter.material.materialRouteTransitionMixin}
14
///
15 16 17
/// By default, when a modal route is replaced by another, the previous route
/// remains in memory. To free all the resources when this is not necessary, set
/// [maintainState] to false.
18
///
19 20
/// The `fullscreenDialog` property specifies whether the incoming route is a
/// fullscreen modal dialog. On iOS, those routes animate from the bottom to the
21
/// top rather than horizontally.
22
///
23
/// The type `T` specifies the return type of the route which can be supplied as
24 25
/// the route is popped from the stack via [Navigator.pop] by providing the
/// optional `result` argument.
26
///
27 28
/// See also:
///
29 30 31 32
///  * [MaterialRouteTransitionMixin], which provides the material transition
///    for this route.
///  * [MaterialPage], which is a [Page] of this class.
class MaterialPageRoute<T> extends PageRoute<T> with MaterialRouteTransitionMixin<T> {
33 34
  /// Construct a MaterialPageRoute whose contents are defined by [builder].
  ///
35
  /// The values of [builder], [maintainState], and [PageRoute.fullscreenDialog]
36
  /// must not be null.
37
  MaterialPageRoute({
38
    required this.builder,
39
    super.settings,
40
    this.maintainState = true,
41
    super.fullscreenDialog,
42
    super.allowSnapshotting = true,
43
  }) {
44 45
    assert(opaque);
  }
46

47
  /// Builds the primary contents of the route.
48
  final WidgetBuilder builder;
Adam Barth's avatar
Adam Barth committed
49

50 51 52
  @override
  Widget buildContent(BuildContext context) => builder(context);

53 54 55
  @override
  final bool maintainState;

56 57 58 59 60 61 62 63
  @override
  String get debugLabel => '${super.debugLabel}(${settings.name})';
}


/// A mixin that provides platform-adaptive transitions for a [PageRoute].
///
/// {@template flutter.material.materialRouteTransitionMixin}
64 65 66
/// For Android, the entrance transition for the page zooms in and fades in
/// while the exiting page zooms out and fades out. The exit transition is similar,
/// but in reverse.
67
///
68 69 70 71
/// For iOS, the page slides in from the right and exits in reverse. The page
/// also shifts to the left in parallax when another page enters to cover it.
/// (These directions are flipped in environments with a right-to-left reading
/// direction.)
72 73 74 75 76 77
/// {@endtemplate}
///
/// See also:
///
///  * [PageTransitionsTheme], which defines the default page transitions used
///    by the [MaterialRouteTransitionMixin.buildTransitions].
78 79 80 81
///  * [ZoomPageTransitionsBuilder], which is the default page transition used
///    by the [PageTransitionsTheme].
///  * [CupertinoPageTransitionsBuilder], which is the default page transition
///    for iOS and macOS.
82 83
mixin MaterialRouteTransitionMixin<T> on PageRoute<T> {
  /// Builds the primary contents of the route.
84 85
  @protected
  Widget buildContent(BuildContext context);
86

87
  @override
88
  Duration get transitionDuration => const Duration(milliseconds: 300);
89 90

  @override
91
  Color? get barrierColor => null;
92

93
  @override
94
  String? get barrierLabel => null;
95

96 97 98
  @override
  bool canTransitionTo(TransitionRoute<dynamic> nextRoute) {
    // Don't perform outgoing animation if the next route is a fullscreen dialog.
99 100
    return (nextRoute is MaterialRouteTransitionMixin && !nextRoute.fullscreenDialog)
      || (nextRoute is CupertinoRouteTransitionMixin && !nextRoute.fullscreenDialog);
101 102
  }

103
  @override
104 105 106 107 108
  Widget buildPage(
    BuildContext context,
    Animation<double> animation,
    Animation<double> secondaryAnimation,
  ) {
109
    final Widget result = buildContent(context);
110 111 112 113 114
    return Semantics(
      scopesRoute: true,
      explicitChildNodes: true,
      child: result,
    );
115 116
  }

117
  @override
118
  Widget buildTransitions(BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
119 120
    final PageTransitionsTheme theme = Theme.of(context).pageTransitionsTheme;
    return theme.buildTransitions<T>(this, context, animation, secondaryAnimation, child);
121
  }
122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146
}

/// A page that creates a material style [PageRoute].
///
/// {@macro flutter.material.materialRouteTransitionMixin}
///
/// By default, when the created route is replaced by another, the previous
/// route remains in memory. To free all the resources when this is not
/// necessary, set [maintainState] to false.
///
/// The `fullscreenDialog` property specifies whether the created route is a
/// fullscreen modal dialog. On iOS, those routes animate from the bottom to the
/// top rather than horizontally.
///
/// The type `T` specifies the return type of the route which can be supplied as
/// the route is popped from the stack via [Navigator.transitionDelegate] by
/// providing the optional `result` argument to the
/// [RouteTransitionRecord.markForPop] in the [TransitionDelegate.resolve].
///
/// See also:
///
///  * [MaterialPageRoute], which is the [PageRoute] version of this class
class MaterialPage<T> extends Page<T> {
  /// Creates a material page.
  const MaterialPage({
147
    required this.child,
148 149
    this.maintainState = true,
    this.fullscreenDialog = false,
150
    this.allowSnapshotting = true,
151 152 153 154
    super.key,
    super.name,
    super.arguments,
    super.restorationId,
155
  });
156

157 158
  /// The content to be shown in the [Route] created by this page.
  final Widget child;
159

160
  /// {@macro flutter.widgets.ModalRoute.maintainState}
161 162
  final bool maintainState;

163
  /// {@macro flutter.widgets.PageRoute.fullscreenDialog}
164
  final bool fullscreenDialog;
165

166 167
  /// {@macro flutter.widgets.TransitionRoute.allowSnapshotting}
  final bool allowSnapshotting;
168

169
  @override
170
  Route<T> createRoute(BuildContext context) {
171
    return _PageBasedMaterialPageRoute<T>(page: this, allowSnapshotting: allowSnapshotting);
172 173 174 175 176 177 178 179 180
  }
}

// A page-based version of MaterialPageRoute.
//
// This route uses the builder from the page to build its content. This ensures
// the content is up to date after page updates.
class _PageBasedMaterialPageRoute<T> extends PageRoute<T> with MaterialRouteTransitionMixin<T> {
  _PageBasedMaterialPageRoute({
181
    required MaterialPage<T> page,
182
    super.allowSnapshotting,
183
  }) : super(settings: page) {
184 185
    assert(opaque);
  }
186 187 188 189

  MaterialPage<T> get _page => settings as MaterialPage<T>;

  @override
190 191 192
  Widget buildContent(BuildContext context) {
    return _page.child;
  }
193 194 195 196 197 198 199 200 201

  @override
  bool get maintainState => _page.maintainState;

  @override
  bool get fullscreenDialog => _page.fullscreenDialog;

  @override
  String get debugLabel => '${super.debugLabel}(${_page.name})';
202
}