A Flutter Plugin to render html as a Widget, flutter_html_view

flutter_html_view

Flutter Plugin to render html as a Widget.

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:

NameDefaultOptions
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"/>

GitHub

Source Code: flutter_html_view.

SHARE A Flutter Plugin to render html as a Widget, flutter_html_view

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

Share