flutter html

import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter HTML Example'),
        ),
        body: Html(data: """
          <h1>这是一个标题</h1>
          <p>这是一个段落。</p>
          <ul>
            <li>列表项 1</li>
            <li>列表项 2</li>
            <li>列表项 3</li>
          </ul>
        """),
      ),
    );
  }
}

解释说明

1. 导入包：首先，我们需要导入 flutter_html 包来解析和渲染 HTML 内容。
2. 创建应用：使用 MyApp 类作为应用程序的入口点。
3. MaterialApp 和 Scaffold：设置一个基本的 Flutter 应用结构，包括 AppBar 和 body。
4. Html Widget：在 body 中使用 Html 小部件，并通过 data 属性传递要渲染的 HTML 字符串。

这个示例展示了如何在 Flutter 应用中使用 flutter_html 包来渲染简单的 HTML 内容。