[Impeller] Visual glitches on Samsung Xclipse 920 devices running Vulkan API v1.1 #161334
Description
Steps to reproduce
- Device with Samsung Xclipse 920 GPU: S22, S22+, S22 Ultra, S23 FE
- Running on Android 12/13 to have Vulkan 1.1.179
GLES: Samsung Electronics Co., Ltd., ANGLE (Samsung Xclipse 920) on Vulkan 1.1.179, OpenGL ES 3.2 ANGLE git hash: d85b941c62b4
- Doesn't happen on S22, S23 FE with Android 14 and Vulkan 1.3.231:
GLES: Samsung Electronics Co., Ltd., ANGLE (Samsung Xclipse 920) on Vulkan 1.3.231, OpenGL ES 3.2 ANGLE git hash: ea27396cef93
- Reproduces also on
[✓] Flutter (Channel main, 3.26.0-1.0.pre.15, on macOS 15.2 24C101 darwin-arm64, locale en-US)
Expected results
ShaderMask applied to red container and applied transparency
ColorFiltered is displayed and colorFilter applied
Actual results
ShaderMask applied partially. Visual defects are visible
ColorFiltered is not displayed at all
Screenshots
| Expected | Actual |
|---|---|
 |
 |
Code sample
Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const ImpellerApp());
}
class ImpellerApp extends StatelessWidget {
const ImpellerApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Impeller with ShaderMask & ColorFilter',
home: Container(
color: Theme.of(context).colorScheme.primary,
child: Stack(
children: [
// Shader Mask here to show how Impeller make it work
ShaderMask(
shaderCallback: LinearGradient(
colors: [
Colors.black,
Colors.black.withValues(alpha: 0.0),
],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
).createShader,
blendMode: BlendMode.dstIn,
child: Container(
height: double.infinity,
width: double.infinity,
color: Colors.red,
),
),
// ColorFiltered here to show how Impeller make it work
Center(
child: ColorFiltered(
colorFilter: ColorFilter.mode(
Theme.of(context).colorScheme.onPrimary,
BlendMode.srcIn,
),
child: Icon(
Icons.add,
size: 300,
),
),
),
],
),
),
);
}
}Screenshots or Video
Screenshots / Video demonstration
[Upload media here]
Logs
Logs
22:48:07 E USNET : USNET: appName: com.example.impeller_test
22:48:08 W ziparchive : Unable to open '/data/app/~~_bLLYXZ4ZBRR1LcRKoBqcQ==/com.example.impeller_test-Mdwo2DM3ORxI6L82PxwF1Q==/base.dm': No such file or directory
22:48:08 W ziparchive : Unable to open '/data/app/~~_bLLYXZ4ZBRR1LcRKoBqcQ==/com.example.impeller_test-Mdwo2DM3ORxI6L82PxwF1Q==/base.dm': No such file or directory
22:48:08 W flutter : [WARNING:flutter/impeller/renderer/backend/vulkan/driver_info_vk.cc(248)] Unknown GPU Driver Vendor: 5197. This is not an error.
22:48:08 W e.impeller_tes : Accessing hidden method Landroid/view/accessibility/AccessibilityNodeInfo;->getSourceNodeId()J (unsupported,test-api, reflection, allowed)
22:48:08 W e.impeller_tes : Accessing hidden method Landroid/view/accessibility/AccessibilityRecord;->getSourceNodeId()J (unsupported, reflection, allowed)
22:48:08 W e.impeller_tes : Accessing hidden field Landroid/view/accessibility/AccessibilityNodeInfo;->mChildNodeIds:Landroid/util/LongArray; (unsupported, reflection, allowed)
22:48:08 W e.impeller_tes : Accessing hidden method Landroid/util/LongArray;->get(I)J (unsupported, reflection, allowed)
22:48:09 W vulkan : CreateSwapchainKHR(VkSwapchainCreateInfoKHR.imageColorSpace = 1000104013) failed: Unsupported color space, but assume as Success for ANGLE.Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.27.1, on macOS 15.2 24C101 darwin-arm64, locale en-US)
• Flutter version 3.27.1 on channel stable at /Users/username/Dev/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 17025dd882 (3 weeks ago), 2024-12-17 03:23:09 +0900
• Engine revision cb4b5fff73
• Dart version 3.6.0
• DevTools version 2.40.2
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/username/Library/Android/sdk
• Platform android-35, build-tools 34.0.0
• ANDROID_HOME = /Users/username/Library/Android/sdk
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 21.0.3+-79915917-b509.11)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 15F31d
• CocoaPods version 1.16.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2024.2)
• 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 21.0.3+-79915917-b509.11)
[✓] VS Code (version 1.95.3)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.102.0
[✓] Connected device (4 available)
• sdk gphone64 arm64 (mobile) • emulator-5554 • android-arm64 • Android 14 (API 34) (emulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 15.2 24C101 darwin-arm64
• Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin • macOS 15.2 24C101 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 131.0.6778.205
! Error: Browsing on the local area network for Vadym’s iPad. Ensure the device is unlocked and attached with a cable or associated with the same local area network as this Mac.
The device must be opted into Developer Mode to connect wirelessly. (code -27)
[✓] Network resources
• All expected network resources are available.
• No issues found!