flutter_html_widget 0.0.2

Flutter Android iOS

flutter widget to render simple html segments.

flutter_html_widget #

This widget turn html string into flutter widgets like Text, RichText and Table.

This is so not a webview alternative. Think this as a read mode for simple html elements.

The widget is extracted from wiki-flutter, and is initially designed for html segments in the mobile version of wikipedia articles only, so there's gonna be many, many issues for arbitrary html segments.

demo #

import 'package:flutter_html_widget/flutter_html_widget.dart';

final html = """
<section class="homepage__key_points card">
  <h1 class="homepage__title">
    Build beautiful native apps in record time
  </h1>

  <div class="homepage__tagline">
    Flutter is Google’s mobile app SDK for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.
  </div>
</section>
""";

new MaterialApp(
  home: new Material(
    child: new HtmlWidget(html: html, key: key)
  ),
);

will produce widgets like

new Wrap(
  children: <Widget>[
    new Container(
      padding: EdgeInsets.all(8.0),
      child: new RichText(
        text: new TextSpan(
          children: [
            new TextSpan(text: "Build beautiful native apps in record time")
          ]
        ),
      )
    )
  ],
)

features #

supported #

  • basic text, link, paragraph, list, image, caption, etc.

on the roadmap #

  • styles for <b> <i> <small> <section> <h12345> etc
  • inline images
  • video element
  • more options

not for now #

  • complex table
1
likes
60
pub points
51%
popularity

flutter widget to render simple html segments.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

namiheike@gmail.com

License

unknown (LICENSE)

Dependencies

flutter, html, url_launcher

More

Packages that depend on flutter_html_widget