Skip to content

[webview_flutter] Rendering issue on Android with Flutter 3 and setting backgroundTransparent to true. #104686

@sezer-healthlogix

Description

@sezer-healthlogix

Plugin version: 3.0.2

I'm running into an issue where on some Android devices the web view isn't rendering properly when the backgroundColor parameter is set to Colors.transparent. It seems to cause a blurry/faded out affect when the page changes as it doesn't fully remove the previous pages from the view.

This issue only started occurring when we upgraded to flutter v3.0.1. We were previously using v2.10.5.

Step to reproduce

  1. Run the following emulator: Nexus 4 API 28 - Android 9.0 Google APIs | arm64
  2. Then create a WebView with the intialUrl pointing to https://www.google.com/ and with backgroundColor set to Colors.transparent.
  3. Interact with the web view by searching then scrolling up and down and you should be able to see the issue.4.

Screen Shot 2022-05-26 at 2 20 15 pm

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work listc: regressionIt was better in the past than it is nowc: renderingUI glitches reported at the engine/skia or impeller rendering levele: OS-version specificAffects only some versions of the relevant operating systemengineflutter/engine related. See also e: labels.found in release: 3.0Found to occur in 3.0found in release: 3.1Found to occur in 3.1has reproducible stepsThe issue has been confirmed reproducible and is ready to work onp: webviewThe WebView pluginpackageflutter/packages repository. See also p: labels.platform-androidAndroid 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