FlutterWebView icon indicating copy to clipboard operation
FlutterWebView copied to clipboard

Published 20 hours ago • verified publisher icon ponnamkarthik
→

Metadata

Flutter Plugin that Renders Native Webview as a widget in flutter

flutter_native_web

Native WebView as a widget in flutter

Inline WebView in flutter using AndroidView and UiKitView

Supported

  • Android
  • iOS

Note

  • Keypad is not working (No Support by flutter)
  • Basic example of using in a ListView: https://github.com/peeto/scrollable_flutter_web_view_example
  • onPageStarted, onPageFinished Only works with Android

Screenshot

Screenshot

How to Use


dependencies:
  flutter_native_web: "^1.0.2"
  


import 'package:flutter_native_web/flutterwebview.dart';



WebController webController;

FlutterWebView flutterWebView = new FlutterWebView(
  onWebCreated: onWebCreated,
);

 new Container(
    child: flutterWebViewString,
    height: 300.0,
    width: 500.0,
 ),

void onWebCreated(webController) {
    this.webController = webController;
    this.webController.loadUrl("https://facebook.com");
    this.webController.onPageStarted.listen((url) =>
        print("Loading $url")
    );
    this.webController.onPageFinished.listen((url) =>
        print("Finished loading $url")
    );
}

or

String html = '<body>Hello world! <a href="www.html5rocks.com">HTML5 rocks!';

void onWebCreated(webController) {
    this.webController = webController;
    this.webController.loadData(html);
    this.webController.onPageStarted.listen((url) =>
        print("Loading $url")
    );
    this.webController.onPageFinished.listen((url) =>
        print("Finished loading $url")
    );
}

Android

Ensure the following permission is present in your Android Manifest file, located in project /android/app/src/main/AndroidManifest.xml:

<uses-permission android:name="android.permission.INTERNET"/>

iOS

Opt-in to the embedded views preview by adding a boolean property to the app's Info.plist file with the key io.flutter.embedded_views_preview and the value YES.

	<key>io.flutter.embedded_views_preview</key>
	<string>YES</string>

Coming soon

  • JSInterface
  • more (suggest)

← Metadata

62
Stars
28
Forks
Watchers

Owner

verified publisher icon ponnamkarthik

Metadata

Flutter Plugin that Renders Native Webview as a widget in flutter

Back