Skip to content

Some Impeller gradients/shadows end in an unexpected place #116584

@omchiii

Description

@omchiii

Steps to Reproduce

  • Switched to master branch
  • Flutter upgrade
  • Enable impeller in info.plist
  • Run the app in release on mobile (iPhone)

Expected results: App running smoother with the same resolution

Actual results: App running a lot smoother! but with lower resolution or blurry

The whole app just looks different compared to non-impeller. Check screenshot

flutter doctor -v
[✓] Flutter (Channel master, 3.7.0-3.0.pre.16, on macOS 12.6 21G115 darwin-arm64, locale en-DE)
    • Flutter version 3.7.0-3.0.pre.16 on channel master at /Users/bayramo/Documents/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 4ec4401338 (25 hours ago), 2022-12-05 05:29:27 -0500
    • Engine revision 4de358e2f0
    • Dart version 2.19.0 (build 2.19.0-444.0.dev)
    • DevTools version 2.20.0

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    • Android SDK at /Users/bayramo/Library/Android/sdk
    • Platform android-33, build-tools 33.0.0
    • ANDROID_HOME = /Users/bayramo/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.0)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14A309
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • 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 11.0.13+0-b1751.21-8125866)

[✓] VS Code (version 1.73.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.54.0

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-arm64   • macOS 12.6 21G115 darwin-arm64
    • Chrome (web)    • chrome • web-javascript • Google Chrome 107.0.5304.121

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!
Without enabling impeller - stable branch [3.3.9] With enabling impeller - (Channel master, 3.7.0-3.0.pre.16)

Check out the fonts, icons, and even the shadows in the elevated app bar. It just looks blurrier and chunkier like it's in a lower resolution

It might look like it's a little different but once you see it in hand it looks quite different, feels as if it is a web view. I suggest looking at the screenshots side by side for a better view.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work liste: impellerImpeller rendering backend issues and features requestsengineflutter/engine related. See also e: labels.found in release: 3.7Found to occur in 3.7has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-iosiOS applications specificallyr: fixedIssue is closed as already fixed in a newer version

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions