Skip to content

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

@YaKun-SH

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

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