media_query.dart 36 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 'dart:math' as math;
6
import 'dart:ui' as ui;
7
import 'dart:ui' show Brightness;
8

9
import 'package:flutter/foundation.dart';
10

11
import 'basic.dart';
12
import 'debug.dart';
13 14
import 'framework.dart';

15 16 17 18
/// Whether in portrait or landscape.
enum Orientation {
  /// Taller than wide.
  portrait,
19

20 21 22
  /// Wider than tall.
  landscape
}
23

24 25 26 27 28 29 30 31
/// Information about a piece of media (e.g., a window).
///
/// For example, the [MediaQueryData.size] property contains the width and
/// height of the current window.
///
/// To obtain the current [MediaQueryData] for a given [BuildContext], use the
/// [MediaQuery.of] function. For example, to obtain the size of the current
/// window, use `MediaQuery.of(context).size`.
32 33
///
/// If no [MediaQuery] is in scope then the [MediaQuery.of] method will throw an
34 35
/// exception. Alternatively, [MediaQuery.maybeOf] may be used, which returns
/// null instead of throwing if no [MediaQuery] is in scope.
36
///
37
/// ## Insets and Padding
38
///
39 40
/// ![A diagram of padding, viewInsets, and viewPadding in correlation with each
/// other](https://flutter.github.io/assets-for-api-docs/assets/widgets/media_query.png)
41
///
42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
/// This diagram illustrates how [padding] relates to [viewPadding] and
/// [viewInsets], shown here in its simplest configuration, as the difference
/// between the two. In cases when the viewInsets exceed the viewPadding, like
/// when a software keyboard is shown below, padding goes to zero rather than a
/// negative value. Therefore, padding is calculated by taking
/// `max(0.0, viewPadding - viewInsets)`.
///
/// {@animation 300 300 https://flutter.github.io/assets-for-api-docs/assets/widgets/window_padding.mp4}
///
/// In this diagram, the black areas represent system UI that the app cannot
/// draw over. The red area represents view padding that the application may not
/// be able to detect gestures in and may not want to draw in. The grey area
/// represents the system keyboard, which can cover over the bottom view padding
/// when visible.
///
/// MediaQueryData includes three [EdgeInsets] values:
/// [padding], [viewPadding], and [viewInsets]. These values reflect the
/// configuration of the device and are used and optionally consumed by widgets
/// that position content within these insets. The padding value defines areas
/// that might not be completely visible, like the display "notch" on the iPhone
/// X. The viewInsets value defines areas that aren't visible at all, typically
/// because they're obscured by the device's keyboard. Similar to viewInsets,
/// viewPadding does not differentiate padding in areas that may be obscured.
/// For example, by using the viewPadding property, padding would defer to the
/// iPhone "safe area" regardless of whether a keyboard is showing.
///
/// The viewInsets and viewPadding are independent values, they're
/// measured from the edges of the MediaQuery widget's bounds. Together they
/// inform the [padding] property. The bounds of the top level MediaQuery
/// created by [WidgetsApp] are the same as the window that contains the app.
///
/// Widgets whose layouts consume space defined by [viewInsets], [viewPadding],
/// or [padding] should enclose their children in secondary MediaQuery
75
/// widgets that reduce those properties by the same amount.
76
/// The [removePadding], [removeViewPadding], and [removeViewInsets] methods are
77
/// useful for this.
78
///
79 80
/// See also:
///
81 82 83
///  * [Scaffold], [SafeArea], [CupertinoTabScaffold], and
///    [CupertinoPageScaffold], all of which are informed by [padding],
///    [viewPadding], and [viewInsets].
84
@immutable
85
class MediaQueryData {
86 87 88
  /// Creates data for a media query with explicit values.
  ///
  /// Consider using [MediaQueryData.fromWindow] to create data based on a
89
  /// [dart:ui.PlatformDispatcher].
90
  const MediaQueryData({
91 92 93
    this.size = Size.zero,
    this.devicePixelRatio = 1.0,
    this.textScaleFactor = 1.0,
94
    this.platformBrightness = Brightness.light,
95 96
    this.padding = EdgeInsets.zero,
    this.viewInsets = EdgeInsets.zero,
97
    this.systemGestureInsets = EdgeInsets.zero,
98
    this.viewPadding = EdgeInsets.zero,
99
    this.alwaysUse24HourFormat = false,
100 101
    this.accessibleNavigation = false,
    this.invertColors = false,
102
    this.highContrast = false,
103
    this.disableAnimations = false,
104
    this.boldText = false,
105
    this.navigationMode = NavigationMode.traditional,
106 107 108 109 110 111 112 113 114 115 116 117 118
  }) : assert(size != null),
       assert(devicePixelRatio != null),
       assert(textScaleFactor != null),
       assert(platformBrightness != null),
       assert(padding != null),
       assert(viewInsets != null),
       assert(systemGestureInsets != null),
       assert(viewPadding != null),
       assert(alwaysUse24HourFormat != null),
       assert(accessibleNavigation != null),
       assert(invertColors != null),
       assert(highContrast != null),
       assert(disableAnimations != null),
119 120
       assert(boldText != null),
       assert(navigationMode != null);
121

122
  /// Creates data for a media query based on the given window.
123 124 125 126
  ///
  /// If you use this, you should ensure that you also register for
  /// notifications so that you can update your [MediaQueryData] when the
  /// window's metrics change. For example, see
127 128 129
  /// [WidgetsBindingObserver.didChangeMetrics] or
  /// [dart:ui.PlatformDispatcher.onMetricsChanged].
  MediaQueryData.fromWindow(ui.SingletonFlutterWindow window)
130
    : size = window.physicalSize / window.devicePixelRatio,
131
      devicePixelRatio = window.devicePixelRatio,
132
      textScaleFactor = window.textScaleFactor,
133
      platformBrightness = window.platformBrightness,
134
      padding = EdgeInsets.fromWindowPadding(window.padding, window.devicePixelRatio),
135
      viewPadding = EdgeInsets.fromWindowPadding(window.viewPadding, window.devicePixelRatio),
136
      viewInsets = EdgeInsets.fromWindowPadding(window.viewInsets, window.devicePixelRatio),
137
      systemGestureInsets = EdgeInsets.fromWindowPadding(window.systemGestureInsets, window.devicePixelRatio),
138
      accessibleNavigation = window.accessibilityFeatures.accessibleNavigation,
139
      invertColors = window.accessibilityFeatures.invertColors,
140
      disableAnimations = window.accessibilityFeatures.disableAnimations,
141
      boldText = window.accessibilityFeatures.boldText,
142
      highContrast = window.accessibilityFeatures.highContrast,
143 144
      alwaysUse24HourFormat = window.alwaysUse24HourFormat,
      navigationMode = NavigationMode.traditional;
145

146
  /// The size of the media in logical pixels (e.g, the size of the screen).
147 148 149 150 151
  ///
  /// Logical pixels are roughly the same visual size across devices. Physical
  /// pixels are the size of the actual hardware pixels on the device. The
  /// number of physical pixels per logical pixel is described by the
  /// [devicePixelRatio].
152 153
  final Size size;

154 155 156 157 158
  /// The number of device pixels for each logical pixel. This number might not
  /// be a power of two. Indeed, it might not even be an integer. For example,
  /// the Nexus 6 has a device pixel ratio of 3.5.
  final double devicePixelRatio;

159 160 161 162
  /// The number of font pixels for each logical pixel.
  ///
  /// For example, if the text scale factor is 1.5, text will be 50% larger than
  /// the specified font size.
163 164 165 166 167
  ///
  /// See also:
  ///
  ///  * [MediaQuery.textScaleFactorOf], a convenience method which returns the
  ///    textScaleFactor defined for a [BuildContext].
168 169
  final double textScaleFactor;

170 171 172 173 174 175 176 177 178
  /// The current brightness mode of the host platform.
  ///
  /// For example, starting in Android Pie, battery saver mode asks all apps to
  /// render in a "dark mode".
  ///
  /// Not all platforms necessarily support a concept of brightness mode. Those
  /// platforms will report [Brightness.light] in this property.
  final Brightness platformBrightness;

179 180 181 182 183 184
  /// The parts of the display that are completely obscured by system UI,
  /// typically by the device's keyboard.
  ///
  /// When a mobile device's keyboard is visible `viewInsets.bottom`
  /// corresponds to the top of the keyboard.
  ///
185 186 187 188 189
  /// This value is independent of the [padding] and [viewPadding]. viewPadding
  /// is measured from the edges of the [MediaQuery] widget's bounds. Padding is
  /// calculated based on the viewPadding and viewInsets. The bounds of the top
  /// level MediaQuery created by [WidgetsApp] are the same as the window
  /// (often the mobile device screen) that contains the app.
190 191 192
  ///
  /// See also:
  ///
193 194
  ///  * [ui.window], which provides some additional detail about this property
  ///    and how it relates to [padding] and [viewPadding].
195 196
  final EdgeInsets viewInsets;

197 198
  /// The parts of the display that are partially obscured by system UI,
  /// typically by the hardware display "notches" or the system status bar.
199 200 201 202
  ///
  /// If you consumed this padding (e.g. by building a widget that envelops or
  /// accounts for this padding in its layout in such a way that children are
  /// no longer exposed to this padding), you should remove this padding
203
  /// for subsequent descendants in the widget tree by inserting a new
204 205
  /// [MediaQuery] widget using the [MediaQuery.removePadding] factory.
  ///
206
  /// Padding is derived from the values of [viewInsets] and [viewPadding].
207
  ///
208 209
  /// See also:
  ///
210 211
  ///  * [ui.window], which provides some additional detail about this
  ///    property and how it relates to [viewInsets] and [viewPadding].
212 213
  ///  * [SafeArea], a widget that consumes this padding with a [Padding] widget
  ///    and automatically removes it from the [MediaQuery] for its child.
214
  final EdgeInsets padding;
215

216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231
  /// The parts of the display that are partially obscured by system UI,
  /// typically by the hardware display "notches" or the system status bar.
  ///
  /// This value remains the same regardless of whether the system is reporting
  /// other obstructions in the same physical area of the screen. For example, a
  /// software keyboard on the bottom of the screen that may cover and consume
  /// the same area that requires bottom padding will not affect this value.
  ///
  /// This value is independent of the [padding] and [viewInsets]: their values
  /// are measured from the edges of the [MediaQuery] widget's bounds. The
  /// bounds of the top level MediaQuery created by [WidgetsApp] are the
  /// same as the window that contains the app. On mobile devices, this will
  /// typically be the full screen.
  ///
  /// See also:
  ///
232 233
  ///  * [ui.window], which provides some additional detail about this
  ///    property and how it relates to [padding] and [viewInsets].
234 235
  final EdgeInsets viewPadding;

236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252
  /// The areas along the edges of the display where the system consumes
  /// certain input events and blocks delivery of those events to the app.
  ///
  /// Starting with Android Q, simple swipe gestures that start within the
  /// [systemGestureInsets] areas are used by the system for page navigation
  /// and may not be delivered to the app. Taps and swipe gestures that begin
  /// with a long-press are delivered to the app, but simple press-drag-release
  /// swipe gestures which begin within the area defined by [systemGestureInsets]
  /// may not be.
  ///
  /// Apps should avoid locating gesture detectors within the system gesture
  /// insets area. Apps should feel free to put visual elements within
  /// this area.
  ///
  /// This property is currently only expected to be set to a non-default value
  /// on Android starting with version Q.
  ///
253
  /// {@tool dartpad --template=stateful_widget_material}
254 255
  ///
  /// For apps that might be deployed on Android Q devices with full gesture
256
  /// navigation enabled, use [systemGestureInsets] with [Padding]
257 258 259 260 261 262 263 264 265 266 267
  /// to avoid having the left and right edges of the [Slider] from appearing
  /// within the area reserved for system gesture navigation.
  ///
  /// By default, [Slider]s expand to fill the available width. So, we pad the
  /// left and right sides.
  ///
  /// ```dart
  /// double _currentValue = 0.2;
  ///
  /// @override
  /// Widget build(BuildContext context) {
268
  ///   final EdgeInsets systemGestureInsets = MediaQuery.of(context).systemGestureInsets;
269
  ///   return Scaffold(
270
  ///     appBar: AppBar(title: const Text('Pad Slider to avoid systemGestureInsets')),
271 272 273 274 275 276
  ///     body: Padding(
  ///       padding: EdgeInsets.only( // only left and right padding are needed here
  ///         left: systemGestureInsets.left,
  ///         right: systemGestureInsets.right,
  ///       ),
  ///       child: Slider(
277
  ///         value: _currentValue,
278 279 280 281 282 283 284 285 286 287 288 289 290
  ///         onChanged: (double newValue) {
  ///           setState(() {
  ///             _currentValue = newValue;
  ///           });
  ///         },
  ///       ),
  ///     ),
  ///   );
  /// }
  /// ```
  /// {@end-tool}
  final EdgeInsets systemGestureInsets;

291 292 293 294 295 296 297 298 299 300 301 302 303
  /// Whether to use 24-hour format when formatting time.
  ///
  /// The behavior of this flag is different across platforms:
  ///
  /// - On Android this flag is reported directly from the user settings called
  ///   "Use 24-hour format". It applies to any locale used by the application,
  ///   whether it is the system-wide locale, or the custom locale set by the
  ///   application.
  /// - On iOS this flag is set to true when the user setting called "24-Hour
  ///   Time" is set or the system-wide locale's default uses 24-hour
  ///   formatting.
  final bool alwaysUse24HourFormat;

304 305 306 307 308 309 310 311
  /// Whether the user is using an accessibility service like TalkBack or
  /// VoiceOver to interact with the application.
  ///
  /// When this setting is true, features such as timeouts should be disabled or
  /// have minimum durations increased.
  ///
  /// See also:
  ///
312
  ///  * [dart:ui.PlatformDispatcher.accessibilityFeatures], where the setting originates.
313 314 315 316 317 318 319 320
  final bool accessibleNavigation;

  /// Whether the device is inverting the colors of the platform.
  ///
  /// This flag is currently only updated on iOS devices.
  ///
  /// See also:
  ///
321 322
  ///  * [dart:ui.PlatformDispatcher.accessibilityFeatures], where the setting
  ///    originates.
323 324
  final bool invertColors;

325 326 327 328 329 330 331
  /// Whether the user requested a high contrast between foreground and background
  /// content on iOS, via Settings -> Accessibility -> Increase Contrast.
  ///
  /// This flag is currently only updated on iOS devices that are running iOS 13
  /// or above.
  final bool highContrast;

332 333 334
  /// Whether the platform is requesting that animations be disabled or reduced
  /// as much as possible.
  ///
335 336
  /// See also:
  ///
337 338
  ///  * [dart:ui.PlatformDispatcher.accessibilityFeatures], where the setting
  ///    originates.
339 340
  final bool disableAnimations;

341 342 343 344 345
  /// Whether the platform is requesting that text be drawn with a bold font
  /// weight.
  ///
  /// See also:
  ///
346 347
  ///  * [dart:ui.PlatformDispatcher.accessibilityFeatures], where the setting
  ///    originates.
348 349
  final bool boldText;

350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366
  /// Describes the navigation mode requested by the platform.
  ///
  /// Some user interfaces are better navigated using a directional pad (DPAD)
  /// or arrow keys, and for those interfaces, some widgets need to handle these
  /// directional events differently. In order to know when to do that, these
  /// widgets will look for the navigation mode in effect for their context.
  ///
  /// For instance, in a television interface, [NavigationMode.directional]
  /// should be set, so that directional navigation is used to navigate away
  /// from a text field using the DPAD. In contrast, on a regular desktop
  /// application with the `navigationMode` set to [NavigationMode.traditional],
  /// the arrow keys are used to move the cursor instead of navigating away.
  ///
  /// The [NavigationMode] values indicate the type of navigation to be used in
  /// a widget subtree for those widgets sensitive to it.
  final NavigationMode navigationMode;

367 368
  /// The orientation of the media (e.g., whether the device is in landscape or
  /// portrait mode).
369 370 371 372
  Orientation get orientation {
    return size.width > size.height ? Orientation.landscape : Orientation.portrait;
  }

373 374
  /// Creates a copy of this media query data but with the given fields replaced
  /// with the new values.
375
  MediaQueryData copyWith({
376 377 378 379 380 381 382 383 384 385 386 387 388 389 390
    Size? size,
    double? devicePixelRatio,
    double? textScaleFactor,
    Brightness? platformBrightness,
    EdgeInsets? padding,
    EdgeInsets? viewPadding,
    EdgeInsets? viewInsets,
    EdgeInsets? systemGestureInsets,
    bool? alwaysUse24HourFormat,
    bool? highContrast,
    bool? disableAnimations,
    bool? invertColors,
    bool? accessibleNavigation,
    bool? boldText,
    NavigationMode? navigationMode,
391
  }) {
392
    return MediaQueryData(
393 394 395
      size: size ?? this.size,
      devicePixelRatio: devicePixelRatio ?? this.devicePixelRatio,
      textScaleFactor: textScaleFactor ?? this.textScaleFactor,
396
      platformBrightness: platformBrightness ?? this.platformBrightness,
397
      padding: padding ?? this.padding,
398
      viewPadding: viewPadding ?? this.viewPadding,
399
      viewInsets: viewInsets ?? this.viewInsets,
400
      systemGestureInsets: systemGestureInsets ?? this.systemGestureInsets,
401
      alwaysUse24HourFormat: alwaysUse24HourFormat ?? this.alwaysUse24HourFormat,
402
      invertColors: invertColors ?? this.invertColors,
403
      highContrast: highContrast ?? this.highContrast,
404 405
      disableAnimations: disableAnimations ?? this.disableAnimations,
      accessibleNavigation: accessibleNavigation ?? this.accessibleNavigation,
406
      boldText: boldText ?? this.boldText,
407
      navigationMode: navigationMode ?? this.navigationMode,
408 409 410
    );
  }

411
  /// Creates a copy of this media query data but with the given [padding]s
Ian Hickson's avatar
Ian Hickson committed
412 413 414 415 416 417 418 419
  /// replaced with zero.
  ///
  /// The `removeLeft`, `removeTop`, `removeRight`, and `removeBottom` arguments
  /// must not be null. If all four are false (the default) then this
  /// [MediaQueryData] is returned unmodified.
  ///
  /// See also:
  ///
420
  ///  * [MediaQuery.removePadding], which uses this method to remove [padding]
Ian Hickson's avatar
Ian Hickson committed
421 422 423
  ///    from the ambient [MediaQuery].
  ///  * [SafeArea], which both removes the padding from the [MediaQuery] and
  ///    adds a [Padding] widget.
424
  ///  * [removeViewInsets], the same thing but for [viewInsets].
425
  ///  * [removeViewPadding], the same thing but for [viewPadding].
Ian Hickson's avatar
Ian Hickson committed
426
  MediaQueryData removePadding({
427 428 429 430
    bool removeLeft = false,
    bool removeTop = false,
    bool removeRight = false,
    bool removeBottom = false,
Ian Hickson's avatar
Ian Hickson committed
431 432 433
  }) {
    if (!(removeLeft || removeTop || removeRight || removeBottom))
      return this;
434
    return MediaQueryData(
Ian Hickson's avatar
Ian Hickson committed
435 436 437
      size: size,
      devicePixelRatio: devicePixelRatio,
      textScaleFactor: textScaleFactor,
438
      platformBrightness: platformBrightness,
Ian Hickson's avatar
Ian Hickson committed
439 440 441 442 443 444
      padding: padding.copyWith(
        left: removeLeft ? 0.0 : null,
        top: removeTop ? 0.0 : null,
        right: removeRight ? 0.0 : null,
        bottom: removeBottom ? 0.0 : null,
      ),
445
      viewPadding: viewPadding.copyWith(
446 447 448 449
        left: removeLeft ? math.max(0.0, viewPadding.left - padding.left) : null,
        top: removeTop ? math.max(0.0, viewPadding.top - padding.top) : null,
        right: removeRight ? math.max(0.0, viewPadding.right - padding.right) : null,
        bottom: removeBottom ? math.max(0.0, viewPadding.bottom - padding.bottom) : null,
450
      ),
451
      viewInsets: viewInsets,
452
      alwaysUse24HourFormat: alwaysUse24HourFormat,
453
      highContrast: highContrast,
454 455 456
      disableAnimations: disableAnimations,
      invertColors: invertColors,
      accessibleNavigation: accessibleNavigation,
457
      boldText: boldText,
Ian Hickson's avatar
Ian Hickson committed
458 459 460
    );
  }

461 462 463 464 465 466 467 468 469
  /// Creates a copy of this media query data but with the given [viewInsets]
  /// replaced with zero.
  ///
  /// The `removeLeft`, `removeTop`, `removeRight`, and `removeBottom` arguments
  /// must not be null. If all four are false (the default) then this
  /// [MediaQueryData] is returned unmodified.
  ///
  /// See also:
  ///
470 471
  ///  * [MediaQuery.removeViewInsets], which uses this method to remove
  ///    [viewInsets] from the ambient [MediaQuery].
472
  ///  * [removePadding], the same thing but for [padding].
473
  ///  * [removeViewPadding], the same thing but for [viewPadding].
474
  MediaQueryData removeViewInsets({
475 476 477 478
    bool removeLeft = false,
    bool removeTop = false,
    bool removeRight = false,
    bool removeBottom = false,
479 480 481
  }) {
    if (!(removeLeft || removeTop || removeRight || removeBottom))
      return this;
482
    return MediaQueryData(
483 484 485
      size: size,
      devicePixelRatio: devicePixelRatio,
      textScaleFactor: textScaleFactor,
486
      platformBrightness: platformBrightness,
487
      padding: padding,
488
      viewPadding: viewPadding.copyWith(
489 490 491 492
        left: removeLeft ? math.max(0.0, viewPadding.left - viewInsets.left) : null,
        top: removeTop ? math.max(0.0, viewPadding.top - viewInsets.top) : null,
        right: removeRight ? math.max(0.0, viewPadding.right - viewInsets.right) : null,
        bottom: removeBottom ? math.max(0.0, viewPadding.bottom - viewInsets.bottom) : null,
493
      ),
494 495 496 497 498 499 500
      viewInsets: viewInsets.copyWith(
        left: removeLeft ? 0.0 : null,
        top: removeTop ? 0.0 : null,
        right: removeRight ? 0.0 : null,
        bottom: removeBottom ? 0.0 : null,
      ),
      alwaysUse24HourFormat: alwaysUse24HourFormat,
501
      highContrast: highContrast,
502 503 504
      disableAnimations: disableAnimations,
      invertColors: invertColors,
      accessibleNavigation: accessibleNavigation,
505
      boldText: boldText,
506 507 508
    );
  }

509 510 511 512 513 514 515 516 517
  /// Creates a copy of this media query data but with the given [viewPadding]
  /// replaced with zero.
  ///
  /// The `removeLeft`, `removeTop`, `removeRight`, and `removeBottom` arguments
  /// must not be null. If all four are false (the default) then this
  /// [MediaQueryData] is returned unmodified.
  ///
  /// See also:
  ///
518 519
  ///  * [MediaQuery.removeViewPadding], which uses this method to remove
  ///    [viewPadding] from the ambient [MediaQuery].
520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548
  ///  * [removePadding], the same thing but for [padding].
  ///  * [removeViewInsets], the same thing but for [viewInsets].
  MediaQueryData removeViewPadding({
    bool removeLeft = false,
    bool removeTop = false,
    bool removeRight = false,
    bool removeBottom = false,
  }) {
    if (!(removeLeft || removeTop || removeRight || removeBottom))
      return this;
    return MediaQueryData(
      size: size,
      devicePixelRatio: devicePixelRatio,
      textScaleFactor: textScaleFactor,
      platformBrightness: platformBrightness,
      padding: padding.copyWith(
        left: removeLeft ? 0.0 : null,
        top: removeTop ? 0.0 : null,
        right: removeRight ? 0.0 : null,
        bottom: removeBottom ? 0.0 : null,
      ),
      viewInsets: viewInsets,
      viewPadding: viewPadding.copyWith(
        left: removeLeft ? 0.0 : null,
        top: removeTop ? 0.0 : null,
        right: removeRight ? 0.0 : null,
        bottom: removeBottom ? 0.0 : null,
      ),
      alwaysUse24HourFormat: alwaysUse24HourFormat,
549
      highContrast: highContrast,
550 551 552 553 554 555 556
      disableAnimations: disableAnimations,
      invertColors: invertColors,
      accessibleNavigation: accessibleNavigation,
      boldText: boldText,
    );
  }

557
  @override
558
  bool operator ==(Object other) {
559 560
    if (other.runtimeType != runtimeType)
      return false;
561 562 563 564 565 566 567 568 569 570 571 572 573
    return other is MediaQueryData
        && other.size == size
        && other.devicePixelRatio == devicePixelRatio
        && other.textScaleFactor == textScaleFactor
        && other.platformBrightness == platformBrightness
        && other.padding == padding
        && other.viewPadding == viewPadding
        && other.viewInsets == viewInsets
        && other.alwaysUse24HourFormat == alwaysUse24HourFormat
        && other.highContrast == highContrast
        && other.disableAnimations == disableAnimations
        && other.invertColors == invertColors
        && other.accessibleNavigation == accessibleNavigation
574 575
        && other.boldText == boldText
        && other.navigationMode == navigationMode;
576 577
  }

578
  @override
579 580 581 582 583
  int get hashCode {
    return hashValues(
      size,
      devicePixelRatio,
      textScaleFactor,
584
      platformBrightness,
585
      padding,
586
      viewPadding,
587 588
      viewInsets,
      alwaysUse24HourFormat,
589
      highContrast,
590 591 592
      disableAnimations,
      invertColors,
      accessibleNavigation,
593
      boldText,
594
      navigationMode,
595 596
    );
  }
597

598
  @override
599
  String toString() {
600 601 602 603 604 605 606 607 608 609 610 611 612 613
    final List<String> properties = <String>[
      'size: $size',
      'devicePixelRatio: ${devicePixelRatio.toStringAsFixed(1)}',
      'textScaleFactor: ${textScaleFactor.toStringAsFixed(1)}',
      'platformBrightness: $platformBrightness',
      'padding: $padding',
      'viewPadding: $viewPadding',
      'viewInsets: $viewInsets',
      'alwaysUse24HourFormat: $alwaysUse24HourFormat',
      'accessibleNavigation: $accessibleNavigation',
      'highContrast: $highContrast',
      'disableAnimations: $disableAnimations',
      'invertColors: $invertColors',
      'boldText: $boldText',
614
      'navigationMode: ${describeEnum(navigationMode)}',
615 616
    ];
    return '${objectRuntimeType(this, 'MediaQueryData')}(${properties.join(', ')})';
617
  }
618 619
}

620
/// Establishes a subtree in which media queries resolve to the given data.
621 622 623 624 625 626 627 628 629
///
/// For example, to learn the size of the current media (e.g., the window
/// containing your app), you can read the [MediaQueryData.size] property from
/// the [MediaQueryData] returned by [MediaQuery.of]:
/// `MediaQuery.of(context).size`.
///
/// Querying the current media using [MediaQuery.of] will cause your widget to
/// rebuild automatically whenever the [MediaQueryData] changes (e.g., if the
/// user rotates their device).
630 631
///
/// If no [MediaQuery] is in scope then the [MediaQuery.of] method will throw an
632 633
/// exception. Alternatively, [MediaQuery.maybeOf] may be used, which returns
/// null instead of throwing if no [MediaQuery] is in scope.
634
///
635 636
/// {@youtube 560 315 https://www.youtube.com/watch?v=A3WrA4zAaPw}
///
637 638 639 640 641
/// See also:
///
///  * [WidgetsApp] and [MaterialApp], which introduce a [MediaQuery] and keep
///    it up to date with the current screen metrics as they change.
///  * [MediaQueryData], the data structure that represents the metrics.
642
class MediaQuery extends InheritedWidget {
643 644 645
  /// Creates a widget that provides [MediaQueryData] to its descendants.
  ///
  /// The [data] and [child] arguments must not be null.
646
  const MediaQuery({
647 648 649
    Key? key,
    required this.data,
    required Widget child,
650 651 652
  }) : assert(child != null),
       assert(data != null),
       super(key: key, child: child);
653

654 655
  /// Creates a new [MediaQuery] that inherits from the ambient [MediaQuery]
  /// from the given context, but removes the specified padding.
Ian Hickson's avatar
Ian Hickson committed
656
  ///
657
  /// This should be inserted into the widget tree when the [MediaQuery] padding
658
  /// is consumed by a widget in such a way that the padding is no longer
659
  /// exposed to the widget's descendants or siblings.
660
  ///
Ian Hickson's avatar
Ian Hickson committed
661 662 663 664 665 666 667 668 669 670 671 672 673 674
  /// The [context] argument is required, must not be null, and must have a
  /// [MediaQuery] in scope.
  ///
  /// The `removeLeft`, `removeTop`, `removeRight`, and `removeBottom` arguments
  /// must not be null. If all four are false (the default) then the returned
  /// [MediaQuery] reuses the ambient [MediaQueryData] unmodified, which is not
  /// particularly useful.
  ///
  /// The [child] argument is required and must not be null.
  ///
  /// See also:
  ///
  ///  * [SafeArea], which both removes the padding from the [MediaQuery] and
  ///    adds a [Padding] widget.
675 676 677 678 679
  ///  * [MediaQueryData.padding], the affected property of the
  ///    [MediaQueryData].
  ///  * [removeViewInsets], the same thing but for [MediaQueryData.viewInsets].
  ///  * [removeViewPadding], the same thing but for
  ///    [MediaQueryData.viewPadding].
Ian Hickson's avatar
Ian Hickson committed
680
  factory MediaQuery.removePadding({
681 682
    Key? key,
    required BuildContext context,
683 684 685 686
    bool removeLeft = false,
    bool removeTop = false,
    bool removeRight = false,
    bool removeBottom = false,
687
    required Widget child,
Ian Hickson's avatar
Ian Hickson committed
688
  }) {
689
    return MediaQuery(
Ian Hickson's avatar
Ian Hickson committed
690
      key: key,
691
      data: MediaQuery.of(context).removePadding(
Ian Hickson's avatar
Ian Hickson committed
692 693 694 695 696
        removeLeft: removeLeft,
        removeTop: removeTop,
        removeRight: removeRight,
        removeBottom: removeBottom,
      ),
697 698 699 700
      child: child,
    );
  }

701 702
  /// Creates a new [MediaQuery] that inherits from the ambient [MediaQuery]
  /// from the given context, but removes the specified view insets.
703 704 705
  ///
  /// This should be inserted into the widget tree when the [MediaQuery] view
  /// insets are consumed by a widget in such a way that the view insets are no
706
  /// longer exposed to the widget's descendants or siblings.
707 708 709 710 711 712 713 714 715 716 717 718 719
  ///
  /// The [context] argument is required, must not be null, and must have a
  /// [MediaQuery] in scope.
  ///
  /// The `removeLeft`, `removeTop`, `removeRight`, and `removeBottom` arguments
  /// must not be null. If all four are false (the default) then the returned
  /// [MediaQuery] reuses the ambient [MediaQueryData] unmodified, which is not
  /// particularly useful.
  ///
  /// The [child] argument is required and must not be null.
  ///
  /// See also:
  ///
720 721 722 723 724
  ///  * [MediaQueryData.viewInsets], the affected property of the
  ///    [MediaQueryData].
  ///  * [removePadding], the same thing but for [MediaQueryData.padding].
  ///  * [removeViewPadding], the same thing but for
  ///    [MediaQueryData.viewPadding].
725
  factory MediaQuery.removeViewInsets({
726 727
    Key? key,
    required BuildContext context,
728 729 730 731
    bool removeLeft = false,
    bool removeTop = false,
    bool removeRight = false,
    bool removeBottom = false,
732
    required Widget child,
733
  }) {
734
    return MediaQuery(
735
      key: key,
736
      data: MediaQuery.of(context).removeViewInsets(
737 738
        removeLeft: removeLeft,
        removeTop: removeTop,
739 740 741 742 743 744 745
        removeRight: removeRight,
        removeBottom: removeBottom,
      ),
      child: child,
    );
  }

746 747
  /// Creates a new [MediaQuery] that inherits from the ambient [MediaQuery]
  /// from the given context, but removes the specified view padding.
748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765
  ///
  /// This should be inserted into the widget tree when the [MediaQuery] view
  /// padding is consumed by a widget in such a way that the view padding is no
  /// longer exposed to the widget's descendants or siblings.
  ///
  /// The [context] argument is required, must not be null, and must have a
  /// [MediaQuery] in scope.
  ///
  /// The `removeLeft`, `removeTop`, `removeRight`, and `removeBottom` arguments
  /// must not be null. If all four are false (the default) then the returned
  /// [MediaQuery] reuses the ambient [MediaQueryData] unmodified, which is not
  /// particularly useful.
  ///
  /// The [child] argument is required and must not be null.
  ///
  /// See also:
  ///
  ///  * [MediaQueryData.viewPadding], the affected property of the
766
  ///    [MediaQueryData].
767 768
  ///  * [removePadding], the same thing but for [MediaQueryData.padding].
  ///  * [removeViewInsets], the same thing but for [MediaQueryData.viewInsets].
769
  factory MediaQuery.removeViewPadding({
770 771
    Key? key,
    required BuildContext context,
772 773 774 775
    bool removeLeft = false,
    bool removeTop = false,
    bool removeRight = false,
    bool removeBottom = false,
776
    required Widget child,
777 778 779
  }) {
    return MediaQuery(
      key: key,
780
      data: MediaQuery.of(context).removeViewPadding(
781 782
        removeLeft: removeLeft,
        removeTop: removeTop,
783 784 785
        removeRight: removeRight,
        removeBottom: removeBottom,
      ),
Ian Hickson's avatar
Ian Hickson committed
786 787 788 789
      child: child,
    );
  }

790 791 792 793
  /// Contains information about the current media.
  ///
  /// For example, the [MediaQueryData.size] property contains the width and
  /// height of the current window.
794 795
  final MediaQueryData data;

796 797
  /// The data from the closest instance of this class that encloses the given
  /// context.
798
  ///
799 800 801 802
  /// You can use this function to query the size and orientation of the screen,
  /// as well as other media parameters (see [MediaQueryData] for more
  /// examples). When that information changes, your widget will be scheduled to
  /// be rebuilt, keeping your widget up-to-date.
803 804 805 806 807 808
  ///
  /// Typical usage is as follows:
  ///
  /// ```dart
  /// MediaQueryData media = MediaQuery.of(context);
  /// ```
809
  ///
810 811 812
  /// If there is no [MediaQuery] in scope, this will throw a [TypeError]
  /// exception in release builds, and throw a descriptive [FlutterError] in
  /// debug builds.
813
  ///
814 815 816 817 818
  /// See also:
  ///
  ///  * [maybeOf], which doesn't throw or assert if it doesn't find a
  ///    [MediaQuery] ancestor, it returns null instead.
  static MediaQueryData of(BuildContext context) {
Ian Hickson's avatar
Ian Hickson committed
819
    assert(context != null);
820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853
    assert(debugCheckHasMediaQuery(context));
    return context.dependOnInheritedWidgetOfExactType<MediaQuery>()!.data;
  }

  /// The data from the closest instance of this class that encloses the given
  /// context, if any.
  ///
  /// Use this function if you want to allow situations where no [MediaQuery] is
  /// in scope. Prefer using [MediaQuery.of] in situations where a media query
  /// is always expected to exist.
  ///
  /// If there is no [MediaQuery] in scope, then this function will return null.
  ///
  /// You can use this function to query the size and orientation of the screen,
  /// as well as other media parameters (see [MediaQueryData] for more
  /// examples). When that information changes, your widget will be scheduled to
  /// be rebuilt, keeping your widget up-to-date.
  ///
  /// Typical usage is as follows:
  ///
  /// ```dart
  /// MediaQueryData? mediaQuery = MediaQuery.maybeOf(context);
  /// if (mediaQuery == null) {
  ///   // Do something else instead.
  /// }
  /// ```
  ///
  /// See also:
  ///
  ///  * [of], which will throw if it doesn't find a [MediaQuery] ancestor,
  ///    instead of returning null.
  static MediaQueryData? maybeOf(BuildContext context) {
    assert(context != null);
    return context.dependOnInheritedWidgetOfExactType<MediaQuery>()?.data;
854 855
  }

856 857 858
  /// Returns textScaleFactor for the nearest MediaQuery ancestor or 1.0, if
  /// no such ancestor exists.
  static double textScaleFactorOf(BuildContext context) {
859
    return MediaQuery.maybeOf(context)?.textScaleFactor ?? 1.0;
860 861
  }

862 863 864 865 866 867
  /// Returns platformBrightness for the nearest MediaQuery ancestor or
  /// [Brightness.light], if no such ancestor exists.
  ///
  /// Use of this method will cause the given [context] to rebuild any time that
  /// any property of the ancestor [MediaQuery] changes.
  static Brightness platformBrightnessOf(BuildContext context) {
868
    return MediaQuery.maybeOf(context)?.platformBrightness ?? Brightness.light;
869 870
  }

871 872 873 874 875 876 877 878
  /// Returns highContrast for the nearest MediaQuery ancestor or false, if no
  /// such ancestor exists.
  ///
  /// See also:
  ///
  ///  * [MediaQueryData.highContrast], which indicates the platform's
  ///    desire to increase contrast.
  static bool highContrastOf(BuildContext context) {
879
    return MediaQuery.maybeOf(context)?.highContrast ?? false;
880 881
  }

882 883 884
  /// Returns the boldText accessibility setting for the nearest MediaQuery
  /// ancestor, or false if no such ancestor exists.
  static bool boldTextOverride(BuildContext context) {
885
    return MediaQuery.maybeOf(context)?.boldText ?? false;
886 887
  }

888
  @override
889
  bool updateShouldNotify(MediaQuery oldWidget) => data != oldWidget.data;
890

891
  @override
892 893
  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
    super.debugFillProperties(properties);
894
    properties.add(DiagnosticsProperty<MediaQueryData>('data', data, showName: false));
895 896
  }
}
897

898
/// Describes the navigation mode to be set by a [MediaQuery] widget.
899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924
///
/// The different modes indicate the type of navigation to be used in a widget
/// subtree for those widgets sensitive to it.
///
/// Use `MediaQuery.of(context).navigationMode` to determine the navigation mode
/// in effect for the given context. Use a [MediaQuery] widget to set the
/// navigation mode for its descendant widgets.
enum NavigationMode {
  /// This indicates a traditional keyboard-and-mouse navigation modality.
  ///
  /// This navigation mode is where the arrow keys can be used for secondary
  /// modification operations, like moving sliders or cursors, and disabled
  /// controls will lose focus and not be traversable.
  traditional,

  /// This indicates a directional-based navigation mode.
  ///
  /// This navigation mode indicates that arrow keys should be reserved for
  /// navigation operations, and secondary modifications operations, like moving
  /// sliders or cursors, will use alternative bindings or be disabled.
  ///
  /// Some behaviors are also affected by this mode. For instance, disabled
  /// controls will retain focus when disabled, and will be able to receive
  /// focus (although they remain disabled) when traversed.
  directional,
}