flutter_html_view 0.5.12
flutter_html_view: ^0.5.12 copied to clipboard

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

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_html_view/flutter_html_view.dart';

import 'package:flutter_markdown/flutter_markdown.dart';

void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    String html = '''
        <h1>This is &nbsp;heading 1</h1>
        <h2>This is heading 2</h2>
        <h3>This is heading 3</h3>
        <h4>This is heading 4</h4>
        <h5>This is heading 5</h5>
        <h6>This is heading 6</h6>
        <a href="https://google.com">Google</a>
        <br/>
        <img alt="Test Image" src="https://source.unsplash.com/random/300x200">
        <br/>
        <video src="https://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_5mb.mp4"></video>
        <br/>
        <a data-id="1" href="https://google.com">Go Google</a>
        <br/>
        <a href="mailto:ponnamkarthik3@gmail.com">Mail to me</a>
        <br/>
        <video id="video1" >
          <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
        </video>
         
        <img src="https://source.unsplash.com/random/300x500">
        ''';

    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Plugin example app'),
        ),
        body: new Container(
          child: new HtmlView(
            data: html,
            stylingOptions: null,
            styleSheet: MarkdownStyleSheet(),
          ),
        ),
      ),
    );

//    return new MaterialApp(
//      home: new Scaffold(
//        appBar: new AppBar(
//          title: new Text('Plugin example app'),
//        ),
//        body: new SingleChildScrollView(
//          child: new Center(
//            child: new HtmlView(
//              data: html,
//              baseURL: "https://images.unsplash.com",
//              onLaunchFail: (url) {
//                print("launch $url failed");
//              },
//            ),
//          ),
//        ),
//      ),
//    );
  }
}
21
likes
70
pub points
88%
popularity

Publisher

karthikponnam.dev

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

Repository (GitHub)
View/report issues

Documentation

API reference

License

Apache-2.0 (LICENSE)

Dependencies

cached_network_image, flutter, flutter_custom_tabs, flutter_markdown, html, html2md, video_player

More

Packages that depend on flutter_html_view