文本，富文本组件-flutter_widget_from_html

Flutter-Widget-From-Html 的安装和配置

在 pubspec.yaml 文件中添加以下依赖：

?

1 2	dependencies:   flutter_widget_from_html: ^0.10.3

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

body: Center(         child: Column(           mainAxisAlignment: MainAxisAlignment.center,           children: <Widget>[             HtmlWidget(               '<h3>Heading</h3><p>A paragraph with <strong>strong</strong>, <em>emphasized</em> and <span style="color: red">colored</span> text.</p>',             ),             RichText(               text: TextSpan(                   text: "Hello",                   style:                       TextStyle(fontWeight: FontWeight.bold, color: Colors.red),                   children: [                     TextSpan(                         text: "<用户协议>",                         style: TextStyle(color: Colors.blueAccent)),                     TextSpan(text: "与", style: TextStyle(color: Colors.grey)),                     TextSpan(                         text: "<隐私协议>",                         style: TextStyle(color: Colors.blueAccent)),                   ]),             ),             Text(               '$_author You have pushed the button this many times:',             ),             Text(               '\t\t\t\tYou have pushed the button this many timesYou have pushed the button this many times:You have pushed the button this many times:You have pushed the button this many times:You have pushed the button this many times:',               textAlign: TextAlign.right,               style: TextStyle(fontSize: 16.0),               maxLines: 2,               overflow: TextOverflow.ellipsis,             ),             Text(               '$_counter,$_author',               style: Theme.of(context).textTheme.headlineMedium,             ),           ],         ),       ),

　　

 

渲染简单的 HTML 文本

?

1 2 3 4 5

import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';   HtmlWidget(   '<h3>Heading</h3><p>A paragraph with <strong>strong</strong>, <em>emphasized</em> and <span style="color: red">colored</span> text.</p>', )

　

?

1 2 3 4 5 6 7 8 9

HtmlWidget(   '同上示例',   customStylesBuilder: (element) {     if (element.classes.contains('foo')) {       return {'color': 'red'};     }     return null;   }, );

 

https://blog.csdn.net/diandianxiyu_geek/article/details/132157489