search

ponnamkarthik / FlutterWebView

Flutter Plugin that Renders Native Webview as a widget in flutter
Other
62 stars 26 forks source link
android dart flutter

readme

flutter_native_web

Native WebView as a widget in flutter

Inline WebView in flutter using AndroidView and UiKitView

Supported

Note

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="https://github.com/ponnamkarthik/FlutterWebView/blob/master/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