webview_flutter_plus

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

O webview_flutter_plus estende o pacote webview_flutter para permitir o carregamento direto de arquivos HTML, CSS e JavaScript locais a partir de assets ou como strings. Simplifica a incorporação de conteúdo web estático em aplicativos Flutter sem necessidade de conexão com a internet. O pacote oferece recursos avançados, como cabeçalhos personalizados, comunicação por canal JavaScript e integração perfeita com o sistema de widgets do Flutter. Ideal para documentação offline, tutoriais dentro do aplicativo ou componentes de interface híbridos que dependem de tecnologias da web.

Casos de uso

Carregando documentação HTML off-line
Incorporar conteúdo web interativo em aplicativos
Exibindo conteúdo dinâmico a partir de arquivos de ativos
Criando tutoriais dentro do aplicativo com HTML/CSS/JS
Integrando componentes da web legados no Flutter

Principais recursos

Carregar HTML de recursos ou strings
Suporte para CSS e JavaScript locais
Comunicação por canal JavaScript
Cabeçalhos HTTP personalizados
Compatibilidade multiplataforma (Android, iOS, macOS)
Integração fácil com widgets do Flutter

Indicado para

Desenvolvedores de aplicativos com capacidade offline
Equipes usando componentes de interface do tipo web
Aplicativos que precisam de conteúdo web embutido sem internet
desenvolvedores de aplicativos híbridos
Aplicações voltadas para educação ou tutoriais

Considerações

Requer configuração de ativos correta no pubspec.yaml
Limitado a conteúdo estático, a menos que combinado com lógica de backend
Pode ser necessário realizar verificações de segurança adicionais para conteúdo gerado pelo usuário
Não adequado para páginas da web renderizadas dinamicamente no servidor
O desempenho depende da complexidade dos ativos web carregados

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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:

Buscar pacotes, repositórios e categorias de apps