搜索插件、代码仓与 APP 分类

ducafecatFlutter 生态导航
stylish_text 封面
插件详情v0.0.1

stylish_text

一个包含一些文本动画的 Flutter 包

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文档 源代码
近 30 天下载
8
喜欢数
3
Pub 分数
110

安装插件

flutter pub add stylish_text

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包，提供了一系列文本动画，以动态且视觉上吸引人的文本效果增强 UI。专为希望为静态文本元素增添亮点的开发者设计，支持多种动画样式，如打字、淡入淡出和滑动效果。该包轻量级，可无缝集成到跨多个平台的 Flutter 项目中。非常适合用于启动画面、引导流程，或任何需要引人注目的文本展示来提升用户体验的场景。

适合场景

  • 在启动画面中添加动画文字
  • 创建互动式入门体验
  • 通过动态文本效果增强用户界面
  • 游戏界面中的动画文字
  • 以风采展示励志名言
  • 通过视觉吸引力提升应用介绍

主要特点

  • 预构建的文本动画类型
  • 跨平台兼容性
  • 与 Flutter 小部件的轻松集成
  • 可自定义的动画速度和时序
  • 轻量且高效
  • 支持所有主要的Flutter平台

适合对象

  • UI/UX设计师寻找动画文字
  • 开发引人入胜的入门流程的开发者
  • 希望凭借视觉效果脱颖而出的应用程序创作者
  • 需要动态文本的教育类应用程序
  • 带有动画反馈的趣味化应用

使用建议

  • 如果过度使用，可能会影响性能
  • 动画应谨慎使用以获得最佳用户体验
  • 不适合用于对可访问性要求较高的文本
  • 需要针对不同屏幕尺寸进行仔细调整
  • 与自定义动画相比，自定义选项有限
  • 最适合用于简短且具有冲击力的文字元素

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

Stylish Text

This flutter package contains few custom animated text.

Demo GIF

Roadmap

  • TypewriterText()
  • LinearMovingText()
  • BounceText()
  • OscillateText()
  • FadeText()

Typewriter

Demo GIF

Example code:

  TypewriterText(
            'Dhaka is the capital city of Bangladesh',
            style: TextStyle(fontSize: 20, color: Colors.green),
         ),

LinearMoving

Demo GIF

Example Code:

  LinearMovingText(
            'Welcome to Naogaon',
            style: const TextStyle(fontSize: 20, color: Colors.blue),
            direction: Direction.utd,
        ),

4 direction available: Direction.utd, Direction.dtu, Direction.rtl, Direction.ltr

Bounce

Demo GIF

Example Code:

  BounceOutText(
        'Flutter project',
        style: const TextStyle(fontSize: 20, color: Colors.purple),
        direction: Direction.dtu,
    ),

Oscillate

Demo GIF

Example Code:

  OscillateText(
      'This is Oscillating Text',
       textDirection: TextDirection.ltr,
       style: TextStyle(fontSize: 20, color: Colors.blue),
    ),

Fade

Demo GIF

Example Code:

 FadeText(
    'Hello World!',
     style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold, color: Colors.redAccent),
    ),

所属分类

文本装饰、效果与动画

源码仓库

使用此插件的项目

暂无相关数据。