Skip to content

Latest commit

 

History

History
78 lines (56 loc) · 1.78 KB

README.md

File metadata and controls

78 lines (56 loc) · 1.78 KB

flutter_noaa_text 示例

这是 flutter_noaa_text 插件的演示应用。

使用前准备

1. 创建 assets 文件夹

在 example 目录下创建 assets 文件夹（如果不存在）。

2. 添加字体文件

将 TTF 字体文件放入 assets 文件夹。示例代码使用的是：

  • 微软雅黑.ttf

你可以使用任何中文 TTF 字体文件，只需修改 lib/main.dart 中的字体路径：

final data = await rootBundle.load('assets/你的字体.ttf');

3. 运行示例

cd example
flutter run

示例功能

示例应用展示了以下功能：

  1. 文本输入：可以输入任意文字
  2. 字体大小调节：12-120px 可调
  3. 加粗效果：合成加粗（无需 Bold 字体文件）
  4. 斜体效果：合成斜体（无需 Italic 字体文件）
  5. 对比展示：
    • Flutter 原生 Text（带抗锯齿）
    • NoaaText（无抗锯齿）

对比效果

运行应用后，你可以直观地看到：

  • 原生 Text 的平滑边缘（抗锯齿）
  • NoaaText 的锐利边缘（无抗锯齿）
  • 两种渲染方式在不同字号下的表现

使用方法

在你的项目中使用 NoaaText：

import 'package:flutter_noaa_text/flutter_noaa_text.dart';

// 1. 加载字体
final data = await rootBundle.load('assets/微软雅黑.ttf');
final reader = PMFontReader();
final font = reader.parseTTFAsset(data);

// 2. 使用 NoaaText
NoaaText(
  '你好世界',
  font: font,
  style: NoaaTextStyle(
    fontSize: 48,
    color: Colors.black,
    fontWeight: FontWeight.bold,
    fontStyle: FontStyle.italic,
  ),
)

注意事项

  • 确保字体文件格式为 TTF
  • 字体文件路径需要在 pubspec.yaml 中配置
  • 首次加载字体可能需要一些时间
  • 建议在 initState 中预加载字体