Flutter插件uzu_md的介绍与使用

uzu_md

uzu_md 是一个全新的 Flutter 插件项目。它主要用于支持 Markdown 渲染功能，为开发者提供了一种简单的方式来展示 Markdown 文本。

获取开始

此项目是一个 Flutter 的插件包起点，专门包含针对 Android 和/或 iOS 的平台特定实现代码。

要开始使用 Flutter，请查看我们的 在线文档，其中包含教程、示例、移动开发指南以及完整的 API 参考。

发布步骤

1. 编辑 pubspec.yaml
2. 编辑 CHANGELOG.md
3. 创建 tag

示例代码

以下是使用 uzu_md 插件的完整示例代码：

示例代码：example/lib/main.dart

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

import 'package:flutter/services.dart';
import 'package:uzu_md/uzu_md.dart';
import 'package:uzu_md_example/demos/basic_markdown_demo.dart'; // 引入 Markdown 示例

void main() {
  runApp(MyApp()); // 启动应用
}

// 定义主应用程序状态
class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState(); // 初始化状态
}

// 管理应用程序的状态
class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知'; // 平台版本变量

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState(); // 初始化平台状态
  }

  // 异步初始化平台状态
  Future<void> initPlatformState() async {
    String platformVersion;
    try {
      platformVersion = await UzuMd.platformVersion; // 获取平台版本
    } on PlatformException {
      platformVersion = '获取平台版本失败。'; // 捕获异常
    }

    if (!mounted) return; // 如果组件已被移除，则不更新状态

    setState(() {
      _platformVersion = platformVersion; // 更新状态
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'), // 设置应用标题
        ),
        body: Row(
          children: [
            // 左侧文本输入框
            Expanded(
              child: Container(
                margin: EdgeInsets.all(8),
                padding: EdgeInsets.all(8),
                decoration: BoxDecoration(
                  border: Border.all(
                    color: Colors.grey,
                  ),
                ),
                child: TextField(
                  maxLines: 100, // 最大行数
                  decoration: InputDecoration.collapsed(
                      hintText: "在此处输入您的文本"), // 提示文本
                ),
              ),
            ),
            // 右侧 Markdown 渲染区域
            Expanded(
              child: BasicMarkdownDemo(), // 使用 Markdown 示例组件
            ),
          ],
        ),
      ),
    );
  }
}