put webview with transparent background

jaumard · jaumard · commit 968e4b199ce0 · 2020-03-20T10:44:21.000+01:00
fix flutter/flutter#29300
diff --git a/packages/webview_flutter/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebViewClient.java b/packages/webview_flutter/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebViewClient.java
@@ -76,6 +76,7 @@ private void onPageStarted(WebView view, String url) {
   private void onPageFinished(WebView view, String url) {
     Map<String, Object> args = new HashMap<>();
     args.put("url", url);
+    view.setBackgroundColor(0x00FF0000);
     methodChannel.invokeMethod("onPageFinished", args);
   }
 
diff --git a/packages/webview_flutter/example/lib/main.dart b/packages/webview_flutter/example/lib/main.dart
@@ -12,11 +12,11 @@ import 'package:webview_flutter/webview_flutter.dart';
 void main() => runApp(MaterialApp(home: WebViewExample()));
 
 const String kNavigationExamplePage = '''
-<!DOCTYPE html><html>
+<!DOCTYPE html><html  style="background-color:transparent;">
 <head><title>Navigation Delegate Example</title></head>
-<body>
+<body style="background-color:transparent;">
 <p>
-The navigation delegate is set to block navigation to the youtube website.
+The navigation delegate is set to block navigation to the youtube website, and as the webview background is transparent, you can see scaffold background.
 </p>
 <ul>
 <ul><a href="https://www.youtube.com/">https://www.youtube.com/</a></ul>
@@ -38,6 +38,7 @@ class _WebViewExampleState extends State<WebViewExample> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: Colors.green,
       appBar: AppBar(
         title: const Text('Flutter WebView example'),
         // This drop down menu demonstrates that Flutter widgets can be shown over the web view.
diff --git a/packages/webview_flutter/ios/Classes/FlutterWebView.m b/packages/webview_flutter/ios/Classes/FlutterWebView.m
@@ -92,6 +92,10 @@ - (instancetype)initWithFrame:(CGRect)frame
                         inConfiguration:configuration];
 
     _webView = [[FLTWKWebView alloc] initWithFrame:frame configuration:configuration];
+    _webView.opaque = NO;
+    _webView.backgroundColor = UIColor.clearColor;
+    _webView.scrollView.backgroundColor = UIColor.clearColor;
+
     _navigationDelegate = [[FLTWKNavigationDelegate alloc] initWithChannel:_channel];
     _webView.UIDelegate = self;
     _webView.navigationDelegate = _navigationDelegate;

Original file line number	Diff line number	Diff line change
`@@ -76,6 +76,7 @@ private void onPageStarted(WebView view, String url) {`
`76`	`76`	`private void onPageFinished(WebView view, String url) {`
`77`	`77`	`Map<String, Object> args = new HashMap<>();`
`78`	`78`	`args.put("url", url);`
	`79`	`+ view.setBackgroundColor(0x00FF0000);`
`79`	`80`	`methodChannel.invokeMethod("onPageFinished", args);`
`80`	`81`	`}`
`81`	`82`