Page blinking with black background on Impeller

[BrainLUX]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

• Navigating to new screen
• Page blinking with black background
• Loading web page

Screen_Recording_20241216_131417_Alean.Travel.Stage.mp4

Expected Behavior

• Navigating to new screen
• Loading web page

Steps with code example to reproduce

Steps with code example to reproduce

final class CodeVerificationPage extends StatelessWidget {
  const CodeVerificationPage({super.key});

  @override
  Widget build(BuildContext context) => Scaffold(
        /// https://github.com/flutter/flutter/issues/140501
        resizeToAvoidBottomInset: false,
        body: SafeArea(
          maintainBottomViewPadding: true,
          child: InAppWebView(
            initialSettings: InAppWebViewSettings(transparentBackground: true),
            initialUrlRequest: URLRequest(url: WebUri('https://google.fi')),
          ),
        ),
      );
}

Stacktrace/Logs

Stacktrace/Logs

E/flutter (31787): [ERROR:flutter/impeller/renderer/backend/vulkan/swapchain/ahb/ahb_swapchain_vk.cc(82)] Break on 'ImpellerValidationBreak' to inspect point of failure: Could not resize swapchain to size: (1440, 3020)
E/flutter (31787): [ERROR:flutter/impeller/renderer/backend/vulkan/swapchain/swapchain_vk.cc(79)] Break on 'ImpellerValidationBreak' to inspect point of failure: Could not create AHB swapchain. Falling back to KHR variant.
E/gralloc4(31787): ERROR: Format allocation info not found for format: 38
E/gralloc4(31787): ERROR: Format allocation info not found for format: 0
E/gralloc4(31787): Invalid base format! req_base_format = 0x0, req_format = 0x38, type = 0x0
E/gralloc4(31787): ERROR: Unrecognized and/or unsupported format 0x38 and usage 0x300
E/Gralloc4(31787): isSupported(1, 1, 56, 1, ...) failed with 5
E/GraphicBufferAllocator(31787): Failed to allocate (4 x 4) layerCount 1 format 56 usage 300: 5
E/AHardwareBuffer(31787): GraphicBuffer(w=4, h=4, lc=1) failed (Unknown error -5), handle=0x0
E/gralloc4(31787): ERROR: Format allocation info not found for format: 38
E/gralloc4(31787): ERROR: Format allocation info not found for format: 0
E/gralloc4(31787): Invalid base format! req_base_format = 0x0, req_format = 0x38, type = 0x0
E/gralloc4(31787): ERROR: Unrecognized and/or unsupported format 0x38 and usage 0x300
E/Gralloc4(31787): isSupported(1, 1, 56, 1, ...) failed with 5
E/GraphicBufferAllocator(31787): Failed to allocate (4 x 4) layerCount 1 format 56 usage 300: 5
E/AHardwareBuffer(31787): GraphicBuffer(w=4, h=4, lc=1) failed (Unknown error -5), handle=0x0

Flutter version

v3.27.0

Operating System, Device-specific and/or Tool

Android 33+

Plugin version

v6.1.5

Additional information

Adding

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

to android manifest fixes the issue, but I want to know if there any way to use webview with Impeller

Self grab

• I'm ready to work on this issue!

[ywenchan]

try this:
initialSettings: InAppWebViewSettings(
//...other settings
useHybridComposition: false,
),