Flutter-Html

一个Flutter小部件，用于将HTML和CSS呈现为Flutter小部件。
使用时参考链接：https://pub.dev/packages/flutter_html

data内是html，在Html()还可以配置style等属性

import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';class HtmlPage extends StatefulWidget {HtmlPage({Key? key}) : super(key: key);@overrideState<HtmlPage> createState() => _HtmlPageState();
}class _HtmlPageState extends State<HtmlPage> {@overrideWidget build(BuildContext context) {return Html(data: """<div><h1>Demo Page</h1><p>This is a fantastic product that you should buy!</p><h3>Features</h3><ul><li>It actually works</li><li>It exists</li><li>It doesn't cost much!</li></ul><!--You can pretty much put any html in here!--></div>""",style: {"h1":Style(fontSize: FontSize.em(5)),"html": Style(backgroundColor: Colors.white,),"p": Style(fontSize: FontSize.large),"table": Style(backgroundColor: Color.fromARGB(0x50, 0xee, 0xee, 0xee),),"tr": Style(border: Border(bottom: BorderSide(color: Colors.grey)),),"th": Style(padding: EdgeInsets.all(6),backgroundColor: Colors.grey,),"td": Style(padding: EdgeInsets.all(6),alignment: Alignment.topLeft,),},);}
}

Flutter-Html相关推荐

Flutter 拨打电话和跳转网页
首先需要一如库 url_launcher 如下具体写法如下 import 'package:flutter/material.dart'; import 'package:url_launcher ...
flutter导入第三方库
在pubspec.yaml 文件中找到 dependencies 在里面填写第三方库即可例如图中我写了fluttertoast库特别注意:导入的位置要不dependencies下面的flutte ...
Flutter 导包以及体验
Flutter 第一个list 体验具体位置看图吧是在pubspec.yaml 里面的 dev_dependencies 里面然后点击packages_get flutter 不用每次都运行,保 ...
Flutter 配置
参考 Flutter 中文网配置的这里说一下 https://flutterchina.club/setup-windows/ 1 如果自己不能翻墙先配置镜像使用镜像由于在国内访问Flutt ...
flutter中的路由跳转
在前面的基本路由和命名路由中,都演示了如何进行路由跳转,并且在路由跳转以后,可以借用系统自带的按钮就行返回上一级,当然了,也可以自定义按钮返回上一级. 返回上一级在前面的例子中,当从Home.dar ...
Flutter 网络请求库http
http 集成http库 https://pub.dartlang.org/packages/http 添加依赖 dependencies:http: ^0.12.0 安装 flutter packa ...
配置flutter For IOS
https://www.cnblogs.com/lovestarfish/p/10628205.html 第一步,下载flutter最新版,解压到自己的目录里: 提供网址:https://flutte ...
转：Flutter Decoration背景设定（边框、圆角、阴影、形状、渐变、背景图像等）...
1 继续关系: BoxDecoration:实现边框.圆角.阴影.形状.渐变.背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度.底部线.矩形边色.圆形边色.体育场(竖向椭圆). ...
Flutter中集成Font Awesome
1.添加引用在 pubspec.yaml文件中,加入 font awesome的引用 1 dependencies: 2 flutter: 3 sdk: flutter 4 5 # The foll ...
flutter和webapp_Flutter全平台！迁移现有Flutter项目到WEB端
写在前面 Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台.高保真.高性能.开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS .Android.web和桌面 ...

Flutter-Html

Flutter-Html

Flutter-Html相关推荐

最新文章

热门文章