webview_flutter_plus 0.1.0 copy "webview_flutter_plus: ^0.1.0" to clipboard
webview_flutter_plus: ^0.1.0 copied to clipboard

outdated

An extension of webview_flutter to load HTML,CSS and Javascript even from Assets or Strings.

webview_flutter_plus #

Contents #

About #

webview_flutter_plus is a powerful extension of webview_flutter. This package helps to load HTML, CSS and Javascript content even from Assets or Strings. This inherits all features of webview_flutter with minor API changes.

Do check flutter_tex a powerful implementation of this package.

How to use? #

1: Add this to your package's pubspec.yaml file:

dependencies:
  webview_flutter_plus: ^0.1.0

2: You can install packages from the command line:

$ flutter packages get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

3: Now you need to put the following implementations in Android and iOS respectively.

Android #

Make sure to add this line android:usesCleartextTraffic="true" in your <project-directory>/android/app/src/main/AndroidManifest.xml under application like this.

<application
       android:usesCleartextTraffic="true">
</application>

Required Permissions are:

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

iOS #

Add following code in your <project-directory>/ios/Runner/Info.plist

<key>NSAppTransportSecurity</key>
  <dict>
    <key>NSAllowsArbitraryLoads</key> <true/>
  </dict>
<key>io.flutter.embedded_views_preview</key> <true/> 

4: Now in your Dart code, you can use:

import 'package:webview_flutter_plus/webview_flutter_plus.dart'; 

5: Now you can use WebViewPlus as a widget:

Example. #

Loading From String

WebViewPlus(
    javascriptMode: JavascriptMode.unrestricted,
    onWebViewCreated: (controller) {
      controller.loadString(r"""
           <html lang="en">
            <body>hello world</body>
           </html>
      """);
    },
  )

Loading from Assets

It is mandatory to mention all associated HTML, CSS and Javascript files in pubspecs.yaml under assets:

WebViewPlus(
    javascriptMode: JavascriptMode.unrestricted,
    onWebViewCreated: (controller) {
      controller.loadAsset("assets/index.html");
    },
  )

API differences from webview_flutter #

There are very minor API differences as following.

webview_flutter webview_flutter_plus
WebView WebViewPlus
WebViewPlusController WebViewPlusController
WebViewCreatedCallback WebViewPlusCreatedCallback

Rest everything is same as webview_flutter.

142
likes
0
pub points
96%
popularity

Publisher

verified publishershahxad.com

An extension of webview_flutter to load HTML,CSS and Javascript even from Assets or Strings.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter, mime, webview_flutter

More

Packages that depend on webview_flutter_plus