Skip to content

Android 10 system phone showDialog pop-up rendering issue using Vulkan. #178285

Closed

Description

@YaKun-SH

Steps to reproduce

1、Create a transparent showDialog dialog box and add an update button to it.
2、When the example code below is placed on a Dialog, a black block will appear at the left corner.

This problem is resolved by disabling the new engine. Only Android 10 systems have this problem.

Expected results

I don't want black patches to appear on the cut corners.

Actual results

There are black blocks around the beveled corners of the button.

Code sample

Code sample
showDialog(
          context: context,
          barrierColor: Colors.transparent,
          builder: (context) {
            return const UpdateVersionPage();
          });

Stack(alignment: Alignment.center, children: [
      Container(
          width: btnWidth,
          height: 42,
          alignment: Alignment.centerLeft,
          clipBehavior: Clip.antiAlias,
          decoration: BoxDecoration(
              color: Color(0xFF00EFBF), borderRadius: BorderRadius.circular(21)),
          child: AnimatedContainer(
            duration: const Duration(milliseconds: 100),
            width: btnWidth,
            height: 42,
            decoration: BoxDecoration(
                gradient: const LinearGradient(
                    colors: [Color(0xFF00EFBF), Color(0xFF00E3F3)])),
          )),
      Positioned(
          child: Text(
              "立即体验",
              style: TextStyle(
                  color: Color(0xFF000000),
                  fontSize: 14,
                  fontWeight: FontWeight.w400,
                  decoration: TextDecoration.none)))
    ]);

Screenshots or Video

Image
Screenshots / Video demonstration

[Upload media here]

Logs

Logs
[Paste your logs here]

Flutter Doctor output

Doctor output
/Users/wangyakun/Library/flutter/bin/flutter doctor --verbose
[✓] Flutter (Channel stable, 3.35.5, on macOS 15.6.1 24G90 darwin-arm64, locale zh-Hans-CN) [395ms]
    • Flutter version 3.35.5 on channel stable at /Users/wangyakun/Library/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision ac4e799d23 (7 weeks ago), 2025-09-26 12:05:09 -0700
    • Engine revision d3d45dcf25
    • Dart version 3.9.2
    • DevTools version 2.48.0
    • Pub download mirror https://pub.flutter-io.cn
    • Flutter download mirror https://storage.flutter-io.cn
    • Feature flags: enable-web, enable-linux-desktop, enable-macos-desktop, enable-windows-desktop, enable-android, enable-ios, cli-animations, enable-lldb-debugging

[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [5.4s]
    • Android SDK at /Users/wangyakun/Library/Android/sdk
    • Emulator version 32.1.11.0 (build_id 9536276) (CL:N/A)
    • Platform android-36, build-tools 35.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
      This is the JDK bundled with the latest Android Studio installation on this machine.
      To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
    • Java version OpenJDK Runtime Environment (build 17.0.11+0-17.0.11b1207.24-11852314)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 16.0) [1,058ms]
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 16A242d
    • CocoaPods version 1.16.2

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

[✓] Android Studio (version 2024.1) [6ms]
    • 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 17.0.11+0-17.0.11b1207.24-11852314)

[✓] VS Code (version 1.104.2) [5ms]
    • VS Code at /Users/wangyakun/Desktop/工具/Visual Studio Code.app/Contents
    • Flutter extension version 3.120.0

Activity

  1. darshankawar commented on Nov 11, 2025

    @darshankawar
    Member

    @YaKun-SH Can you provide device details (make and model) in which this behavior occurs ?
    Also, what rendering it uses ? Vulkan or OpenGLES ? You can check that by running flutter run and it prints in the console something like using Vulkan / OpenGLES rendering engine.

    Also, check the same scenario with latest master version as well to know if it still persist on it or not.

  2. added
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Nov 11, 2025
  3. YaKun-SH commented on Nov 12, 2025

    @YaKun-SH
    Author

    @darshankawar I upgraded to Flutter version 3.35.7, and the issue still occurs on the following phones. This problem may be related to certain Vulkan drivers, as these phones' run output is Vulkan:flutter/shell/platform/android/android_context_vk_impeller.cc(62)] Using the Impeller rendering backend (Vulkan).

    • vivo S1 Pro
    • 1+Mobile phone model: OnePlus 6T
    • Xiaomi 10

    I believe the issue is still related to the new engine's compatibility with Android 10.

    Image
  4. removed
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Nov 12, 2025
  5. darshankawar commented on Nov 12, 2025

    @darshankawar
    Member

    This problem may be related to certain Vulkan drivers, as these phones' run output is Vulkan:

    @YaKun-SH Please try to explicitly set to opengles as below and see if it resolves the issue or not:

    <meta-data
        android:name="io.flutter.embedding.android.ImpellerBackend"
        android:value="opengles" />
    
  6. added
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Nov 12, 2025
  7. YaKun-SH commented on Nov 12, 2025

    @YaKun-SH
    Author

    请尝试按如下方式显式设置为 opengles,看看是否能解决问题:

    <meta-data
        android:name="io.flutter.embedding.android.ImpellerBackend"
        android:value="opengles" />
    

    This will solve the problem.

  8. removed
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Nov 12, 2025
  9. YaKun-SH commented on Nov 12, 2025

    @YaKun-SH
    Author

    @darshankawar Are there any other risks associated with explicitly specifying the Flutter rendering engine Impeller and using Opengles?

  10. darshankawar commented on Nov 12, 2025

    @darshankawar
    Member

    Are there any other risks associated with explicitly specifying the Flutter rendering engine Impeller and using Opengles?

    There shouldn't be, but I'll keep the issue open for team's tracking.

  11. changed the title [-]Android 10 system phone showDialog pop-up rendering issue[/-] [+]Android 10 system phone showDialog pop-up rendering issue using Vulkan.[/+] on Nov 12, 2025
  12. added
    platform-androidAndroid applications specifically
    e: OS-version specificAffects only some versions of the relevant operating system
    e: impellerImpeller rendering backend issues and features requests
    on Nov 12, 2025
  13. 4 remaining items

  14. chinmaygarde commented on Nov 17, 2025

    @chinmaygarde
    Contributor

    Trigers think this is related to issues with Vulkan on Adreno devices which were recently deny-listed in 8834b42dff6e. The Xiaomi 10 however has an Adreno 650 which should ideally be also denylisted. cc @jason-simmons We should get this device because we are trying really hard to make Vulkan work on these devices when the right™ thing to do would just be to make them fallback to OpenGL.

  15. added
    P2Important issues not at the top of the work list
    on Nov 17, 2025
  16. added
    r: fixedIssue is closed as already fixed in a newer version
    on Nov 20, 2025
  17. github-actions commented on Dec 4, 2025

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  18. locked as resolved and limited conversation to collaborators on Dec 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work listc: renderingUI glitches reported at the engine/skia or impeller rendering levele: OS-version specificAffects only some versions of the relevant operating systeme: impellerImpeller rendering backend issues and features requestsengineflutter/engine related. See also e: labels.platform-androidAndroid applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-engineOwned by Engine teamtriaged-engineTriaged by Engine teamwaiting for PR to land (fixed)A fix is in flight

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions