• 一个很棒且有效的 Flutter 包，用于实现美观的文本悬停效果

用法

要使用此包，请将 text_hover 添加到您的 pubspec.yaml 文件中的 依赖项。

演示

示例

  • 导入库
import 'package:text_hover/text_hover.dart';
  • 为了使用此包，我们只需要为 TextHover widget 提供带有配置的文本。
  • Config 用于配置悬停效果，并具有 duration、letterWidth、hoverColor、textColor、duration、expand 属性

TextHover(
  text: 'Aesthetic',
  config: Config(
   hoverColor: Colors.orangeAccent
),
)

文档

TextHover 属性

名称 类型 默认值 描述
text 字符串 必需 要应用悬停效果的文本
配置 Config（配置） 必需 悬停效果的配置

现在尽情享受吧！

有关更多信息，请参阅 示例文件夹 和源代码。

致谢

  • 我要感谢 David Philips Philip Davis 的灵感，我认为这个库将对 Flutter 社区有用。

GitHub

查看 Github