https://github.com/shahxad-akram/webview_flutter_plus
An extension of webview_flutter to load HTML,CSS and Javascript even from Assets or Strings.
https://github.com/shahxad-akram/webview_flutter_plus
css flutter html javascript webview
Last synced: 12 months ago
JSON representation
An extension of webview_flutter to load HTML,CSS and Javascript even from Assets or Strings.
- Host: GitHub
- URL: https://github.com/shahxad-akram/webview_flutter_plus
- Owner: Shahxad-Akram
- License: bsd-3-clause
- Created: 2020-05-30T08:03:01.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2025-06-05T22:47:09.000Z (about 1 year ago)
- Last Synced: 2025-06-05T23:28:53.881Z (about 1 year ago)
- Topics: css, flutter, html, javascript, webview
- Language: C
- Homepage: https://pub.dev/packages/webview_flutter_plus
- Size: 371 KB
- Stars: 71
- Watchers: 3
- Forks: 51
- Open Issues: 36
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# webview_flutter_plus
# Contents
- [webview\_flutter\_plus](#webview_flutter_plus)
- [Contents](#contents)
- [About](#about)
- [Features](#features)
- [How to use?](#how-to-use)
- [Android](#android)
- [iOS](#ios)
- [Example](#example)
- [Please check `example/lib/main.dart`](#please-check-examplelibmaindart)
# About
webview_flutter_plus is an extension of [webview_flutter](https://pub.dartlang.org/packages/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**](https://pub.dartlang.org/packages/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:
```yaml
dependencies:
webview_flutter_plus: ^0.4.19
```
**2:** You can install packages from the command line:
```bash
$ 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 `/android/app/src/main/AndroidManifest.xml` under `application` like this.
```xml
```
Required Permissions are:
```xml
```
### iOS
Add following code in your `/ios/Runner/Info.plist`
```plist
NSAppTransportSecurity
NSAllowsArbitraryLoads
```
**4:** Now in your Dart code, you can use:
```dart
import 'package:webview_flutter_plus/webview_flutter_plus.dart';
```
**5:** Now you can use WebViewPlus as a widget:
# Example
### Please check [`example/lib/main.dart`](https://github.com/Shahxad-Akram/webview_flutter_plus/blob/master/example/lib/main.dart)