animated_overflow

插件介绍

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

AnimatedOverflow 是一个 Flutter 小部件，可平滑地在水平或垂直方向上动画显示内容溢出，并应用淡入效果以揭示被隐藏的部分。它通过在文本或小部件超出其容器边界时提供微妙的过渡效果，提升了用户体验。适用于内容会扩展或收缩的动态 UI，支持移动、Web 和桌面等多个平台。该包轻量且易于集成，适合需要优雅溢出动画但无需复杂自定义代码的应用。

适合场景

动态文本截断与平滑显示
带渐变效果的水平滚动
列表的垂直溢出动画
增强内容扩展时的UI反馈
创建现代、响应式布局
轮播图中列表项溢出的动画效果

主要特点

流畅的淡入/淡出过渡
支持水平和垂直溢出
轻量且依赖极少
与现有控件的轻松集成
跨平台兼容性
可配置的动画持续时间和曲线

适合对象

寻求简单溢出动画的开发者
UI 设计师增强视觉反馈
包含动态内容容器的应用程序
需要细微动态效果的项目
Flutter 初学者探索动画
响应式应用界面，支持内容扩展

使用建议

仅限基本的淡入淡出和滑动效果
不适合复杂的动画
需要仔细调整大小以避免裁剪
最适合小型到中型溢出区域
多个实例可能影响性能
不支持自定义动画曲线，仅限内置选项

原始 README

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

A simple widget for animating overflowing content horizontally or vertically with fade.

Media | Description | How-to-Use

Media

Watch on Youtube:

v1.0.0

Description

This is a simple widget for animating overflowing content horizontally or vertically with fade.

How-to-Use

Simply create an AnimatedOverflow as shown in the example:

AnimatedOverflow({
    Key key,
    animatedOverflowDirection,
    child,
    maxHeight,
    maxWidth,
    padding : 0.0,
    speed   : 50})

Further Explanations:

For a complete set of descriptions for all parameters and methods, see the documentation.

The [animatedOverflowDirection] and [child] can't be null.
The [maxHeight] is only considered if [animatedOverflowDirection] is [AnimatedOverflowDirection.VERTICAL] and it should not be null.
The [maxWidth] is only considered if [animatedOverflowDirection] is [AnimatedOverflowDirection.HORIZONTAL] and it should not be null.

Notes

Any help, suggestion or criticism is appreciated!

Cheers.

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