Flutter：文章详情页，渲染富文本

🕗 发布于 2025-01-14 01:13 flutter android javascript

在这里插入图片描述

flutter_widget_from_html_core: ^0.15.2

view

// 内容详情
Widget _buildContent() {
  return <Widget>[
    HtmlWidget(
      controller.content,
      // 设置渲染模式
      renderMode: RenderMode.column,
      // 设置文本样式
      textStyle: TextStyle(
        fontSize: 28.sp,
        color: Colors.white,
        height: 1.5,
      ),
    ),
  ]
  .toColumn(crossAxisAlignment: CrossAxisAlignment.center)
  .paddingAll(30.w)
  .card(color: AppTheme.blockBgColor);
}

controller

import 'package:get/get.dart';
class AgreementController extends GetxController {
  AgreementController();
  String title = '';
  String content = '';  

  _initData() {
    title = Get.arguments['title'] ?? '详情';
    content = '''
      <div style="font-size: 16px;">
        <h1>示例标题22</h1>
        <p>这是一段<strong>富文本</strong>内容</p>
      </div>
    ''';
    update(["agreement"]);
  }

  @override
  void onInit() {
    super.onInit();
    _initData();
  }
}

原文地址：https://blog.csdn.net/qq_40745143/article/details/145037009

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：用AI技术提升Flutter开发效率：ScriptEcho的力量
下一篇：nginx反向代理和负载均衡的区别

2025最新版PyCharm安装使用指南
JetBrains公司最成名的开发工具，即为PyCharm;本文使用PyCharm社区版服务，在此，先行筑牢Python编程的能力。
阅读更多2025-01-17
踏上 C++ 编程之旅：开篇之作
通过这篇开篇博客，我们初步了解了 C++ 的魅力、搭建了开发环境并编写了第一个 C++ 程序。C++ 是一门博大精深的编程语言，还有许多知识等待我们去探索，如函数、类与对象、指针、文件操作等等。在接下
阅读更多2025-01-17
shell脚本基础练习
2、设计一个 Shell 程序，在/userdata 目录下建立50个目录，即 userl~user50，并设置每个目录的权限，其中其他用户的权限为:读;文件所有者的权限为:读、写、执行;文件所有者所
阅读更多2025-01-17
【JAVA】初识
Java 是一种非常流行的编程语言，1995 年由 Sun Microsystems（现为 Oracle 公司）发布。它被用来开发各种软件，从手机应用到大型企业级系统，甚至智能家居设备。Java 因其
阅读更多2025-01-17
2024072100-idea配置tomcat
如果有多个web模块，产生多个war包，可以点击减号删除其中一个，需要的时候再重新添加。或者都通过tomcat运行，但是Application context路径不能重复。安装tomcat后，Appl
阅读更多2025-01-17
基于机器学习的电信用户流失预测与数据分析可视化
---对高价值客户的流失可能性进行建模评分,根据模型输出为每位高价值客户赋予流失得分（如 0 - 100 分），得分越高表明流失可能性越大，按得分区间（如 0 - 30 分低风险、31 - 60 分中
阅读更多2025-01-17
grep 文本搜索工具
grep 是一个功能强大的文本搜索工具，其名字来源于 "global regular expression print" 的缩写。它能够在文本文件中快速查找特定模式或字符串，无论是
阅读更多2025-01-17
The CMap com/itextpdf/io/font/cmap/UniGB-UTF16-H was not found 异常信息
参考网上的代码，最终确定要进入这两个包，以下两个字体问题解决。The CMap com/itextpdf/io/font/cmap/UniGB-UTF16-H was not found 异常信息it
阅读更多2025-01-17
Docker部署Spring Boot + Vue项目
本文的Spring Boot + Vue项目采用若依前后端分离版项目为例，使用Docker部署项目，当然读者如果使用自己的Spring Boot + Vue项目也可以，Docker部署方法一样。
阅读更多2025-01-17
w~Transformer~合集11
随着场景理解领域的快速发展，许多研究者们开始尝试利用各种框架解决场景图生成（Scene Graph Generation, SGG）任务，并已取得了不俗的进展。但是，这些方法往往只考虑单张图像的情况，
阅读更多2025-01-17

Flutter：文章详情页，渲染富文本

相关文章