webview_flutter_plus

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

webview_flutter_plus erweitert das webview_flutter-Paket, um die direkte Lade von lokalen HTML-, CSS- und JavaScript-Dateien aus Assets oder als Zeichenketten zu ermöglichen. Es vereinfacht die Einbettung statischer Webinhalte in Flutter-Anwendungen ohne Internetverbindung. Das Paket unterstützt erweiterte Funktionen wie benutzerdefinierte Header, JavaScript-Kanalkommunikation und nahtlose Integration mit dem Widget-System von Flutter. Ideal für Offline-Dokumentation, In-App-Tutorials oder hybride Benutzeroberflächenkomponenten, die auf Webtechnologien basieren.

Anwendungsfälle

Laden der Offline-HTML-Dokumentation
Interaktive Webinhalte in Apps einbetten
Dynamische Inhalte aus Asset-Dateien anzeigen
In-App-Tutorials mit HTML/CSS/JS erstellen
Integration veralteter Web-Komponenten in Flutter

Hauptmerkmale

HTML aus Assets oder Zeichenketten laden
Unterstützung für lokale CSS- und JavaScript-Dateien
JavaScript-Kanalkommunikation
Benutzerdefinierte HTTP-Kopfzeilen
Plattformübergreifende Kompatibilität (Android, iOS, macOS)
Einfache Integration mit Flutter-Widgets

Geeignet für

Entwickler, die Offline-fähige Apps erstellen
Teams, die webbasierte Benutzeroberflächenkomponenten verwenden
Apps, die eingebetteten Webinhalt ohne Internet benötigen
Hybrid-App-Entwickler
Bildungs- oder tutorialorientierte Anwendungen

Hinweise

Erforderliche korrekte Asset-Konfiguration in der pubspec.yaml
Beschränkt auf statische Inhalte, es sei denn, sie werden mit Backend-Logik kombiniert
Kann zusätzliche Sicherheitsüberprüfungen für benutzererzeugten Inhalt erfordern
Nicht geeignet für dynamisch serverseitig gerenderte Webseiten
Die Leistung hängt von der Komplexität der geladenen Web-Ressourcen ab

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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:

Pakete, Repositories und App-Kategorien suchen