flutter / flutter/flutter

Improve zooming animation when pushing to a new route

Open
#146,399 11 comments 0 reactions 0 assignees View on GitHub
a: fidelity c: proposal f: routes p: material_ui P3 package team-design triaged-design
Dominant language
Dart
Stars
179k
Forks
31.1k
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

it's basically trying to get this issue, which was closed, re-opened: https://github.com/flutter/flutter/issues/115995

i dont see any other android non-flutter apps having those kind of jarring transitions. so i dont believe that "is expected behavior"
besides, it looks horrible

### Expected results

a pleasant transition when navigating between `MaterialPageRoute`s

### Actual results

the transition when navigating between `MaterialPageRoute`s is jarring and unappealing. almost looks like a graphical glitch

### Code sample

see the original report. also it can be clearly seen in the skeleton application template of `flutter create`

### Screenshots or Video

see the original report

### Logs

_No response_

### Flutter Doctor output

Doctor output

```console
[√] Flutter (Channel beta, 3.22.0-0.1.pre, on Microsoft Windows [Version 10.0.22631.3296], locale en-US)
• Flutter version 3.22.0-0.1.pre on channel beta at X:\.sdk\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 29babcb32a (3 days ago), 2024-04-03 17:17:04 -0500
• Engine revision 97550907b7
• Dart version 3.4.0 (build 3.4.0-282.1.beta)
• DevTools version 2.34.2

[√] Windows Version (Installed version of Windows is version 10 or higher)

[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at X:\.sdk\android
• Platform android-34, build-tools 34.0.0
• ANDROID_HOME = X:\.sdk\android
• Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
• Java version OpenJDK Runtime Environment (build 17.0.9+0--11185874)
• All Android licenses accepted.

[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.

[X] Visual Studio - develop Windows apps
X Visual Studio not installed; this is necessary to develop Windows apps.
Download at https://visualstudio.microsoft.com/downloads/.
Please install the "Desktop development with C++" workload, including all of its default components

[√] Android Studio (version 2023.2)
• Android Studio at C:\Program Files\Android\Android Studio
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.9+0--11185874)

[√] VS Code (version 1.88.0)
• VS Code at C:\Users\matte\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.86.0

[√] Connected device (3 available)
• KB2003 (mobile) • 9a1ac6f9 • android-arm64 • Android 14 (API 34)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.22631.3296]
• Edge (web) • edge • web-javascript • Microsoft Edge 123.0.2420.81

[√] Network resources
• All expected network resources are available.

! Doctor found issues in 2 categories.
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.