THIS PACKAGE WORKS ONLY ON THE WEB.

Features

This package provides a more natural HTML display with Flutter on the Web. Because it is displayed in a Platform View instead of an iframe, you get the following benefits:

  • Display according to the height of HTML display
    • ex) possible to mix HTML in Column
  • Text selection
  • Natural scrolling
  • Custom CSS

Try it on: https://organic-nailer.github.io/adjusted_html_view_web/#/

This package is for

  • Developers that are using Flutter on the Web
  • want to use HTML for parts that cannot be expressed by widgets
  • want to display Rich Text passed by CMS etc

This package is NOT for

  • Developers that are using Flutter on Mobile or Desktop
  • want to display specific sites
  • want to display contents with WebView

Usage

Use AdjustedHtmlView with passing richText string to htmlText. You can select the security level by HtmlValidator.

const sampleRichText = """
<h1 id="hf19cd910e2">Heading 1</h1>
<p>Flutter is an open-source UI software development kit created by Google.</p>
""";

AdjustedHtmlView(
    htmlText: sampleRichText,
    htmlValidator: HtmlValidator.loose(),
)

Additional information

Impossible now

  • Placing multiple AdjustedHtmlView on one screen

Libraries

adjusted_html_view_web