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
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 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");
// },
// ),
// ),
// ),
// ),
// );
}
}