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
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)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent