webview_flutter_plus

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

webview_flutter_plus extends the webview_flutter package to enable loading local HTML, CSS, and JavaScript files directly from assets or as strings. It simplifies embedding static web content within Flutter apps without requiring an internet connection. The package supports advanced features like custom headers, JavaScript channel communication, and seamless integration with Flutter’s widget system. Ideal for offline documentation, in-app tutorials, or hybrid UI components that rely on web technologies.

Use cases

Loading offline HTML documentation
Embedding interactive web content in apps
Displaying dynamic content from asset files
Creating in-app tutorials with HTML/CSS/JS
Integrating legacy web components into Flutter

Key features

Load HTML from assets or strings
Support for local CSS and JavaScript
JavaScript channel communication
Custom HTTP headers
Cross-platform compatibility (Android, iOS, macOS)
Easy integration with Flutter widgets

Suitable for

Developers building offline-capable apps
Teams using web-based UI components
Apps needing embedded web content without internet
Hybrid app developers
Educational or tutorial-focused applications

Considerations

Requires proper asset configuration in pubspec.yaml
Limited to static content unless combined with backend logic
May require additional security checks for user-generated content
Not suitable for dynamic server-rendered web pages
Performance depends on complexity of loaded web assets

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

webview_flutter_plus
Contents
About
Features
How to use?
- Android
- iOS
Example
- Please check example/lib/main.dart

About

webview_flutter_plus is an extension of webview_flutter. This package helps to load Local HTML, CSS and Javascript content from Assets or Strings via a local server. This inherits all features of webview_flutter with minor API changes in WebViewController.

Do check flutter_tex an implementation of this package.

Features

Load Local HTML, CSS and Javascript (and all kind of web) content from Assets via a local server.
Get WebViewWidget height to render in a ListView.

How to use?

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

dependencies:
  webview_flutter_plus: ^0.4.20

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" />

iOS

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

<key>NSAppTransportSecurity</key>
  <dict>
    <key>NSAllowsArbitraryLoads</key> <true/>
  </dict>

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:

Search packages, repositories and app categories