flutter_html_view

Visão geral do pacote

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

Um plugin do Flutter que permite renderizar conteúdo HTML como widgets nativos em um aplicativo Flutter. Como o Flutter não suporta renderização de HTML nativamente, este pacote pontua a lacuna ao analisar strings HTML e convertê-las em widgets correspondentes do Flutter. Ele suporta tags HTML básicas e estilos CSS, tornando-o ideal para exibir texto formatado, posts de blog ou conteúdo dinâmico de fontes da web. O pacote é leve e se integra perfeitamente a projetos existentes do Flutter.

Casos de uso

Exibindo conteúdo de blog formatado
Renderização de HTML dinâmico a partir de APIs
Mostrando texto rico em aplicativos
Incorporar HTML gerado pelo usuário
Criando interfaces simples semelhantes a web

Principais recursos

Conversão de HTML para widget
Suporte básico ao CSS
Leve e rápido
Integração fácil com o Flutter
Suporta tags HTML comuns

Indicado para

Aplicativos que precisam de exibição de texto rico
Aplicativos com conteúdo intenso
Renderização simples de conteúdo web
Desenvolvedores trabalhando com dados HTML
Projetos com dependências mínimas

Considerações

Suporte avançado limitado ao CSS
Nenhuma execução de JavaScript
Não adequado para páginas da web complexas
Riscos de segurança com HTML não confiável
O desempenho pode degradar com grandes conteúdos HTML

README original

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

Flutter Plugin to render html as a Widget,

Refer this for full support of inline webview for android and iOS

Flutter has no default support to render html so this package helps you to render your html to native widgets

Video tag support added
Links are clickable now

Supported Tags

p
em
b
img
video
h1, h2, h3, h4, h5, h6

Note

This plugin converts some of the html tags to flutter widgets

This plugin does't support rendering full html code (there is no built in support for web rendering in flutter)

How to Use

dependencies:
  flutter_html_view: ^0.5.11


import 'package:flutter_html_view/flutter_html_view.dart';

String html = '<body>Hello world! <a href="www.html5rocks.com">HTML5 rocks!';

new HtmlView(
  data: html,
  baseURL: "", // optional, type String
  onLaunchFail: (url) { // optional, type Function
    print("launch $url failed");
  },
  scrollable: false, //false to use MarksownBody and true to use Marksown
)

MarkdownStyleSheet

styleSheet: MarkdownStyleSheet(

),

styleOptions

The default and available style options:

Name	Default	Options
headingStyle	"setext"	"setext", "atx"
hr	"* * *"	"* * *", "- - -", "_ _ _"
bulletListMarker	"*"	"*", "-", "_"
codeBlockStyle	"indented"	"indented", "fenced"
fence	"```"	"```", "~~~"
emDelimiter	"_"	"_", "*"
strongDelimiter	"**"	"**", "__"
linkStyle	"inlined"	"inlined", "referenced"
linkReferenceStyle	"full"	"full", "collapsed", "shortcut"

iOS

Warning: The video player is not functional on iOS simulators. An iOS device must be used during development/testing.

Add the following entry to your Info.plist file, located in <project root>/ios/Runner/Info.plist:

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

This entry allows your app to access video files by URL.

Android

Ensure the following permission is present in your Android Manifest file, located in `/android/app/src/main/AndroidManifest.xml:

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

Thanks to

@Katran

Buscar pacotes, repositórios e categorias de apps