animated_visibility

插件介绍

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

AnimatedVisibility 是一个 Flutter 包，可实现显示和隐藏小部件的流畅动画。它提供了一种简单且声明式的方法，通过可自定义的进入和退出过渡来动画化可见性变化。该包支持所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux。该包注重性能和易用性，可无缝集成到现有的 Flutter 应用中。开发者可以通过直观的属性控制动画持续时间、曲线和行为。非常适合创建动态 UI，其中视觉反馈可以提升用户体验。

适合场景

动画下拉菜单
显示/隐藏加载指示器
创建可折叠部分
实现滑入模态框
管理入职屏幕

主要特点

流畅的进入/退出动画
可自定义的过渡曲线
支持所有 Flutter 平台
简单的 API，最小化样板代码
可配置的持续时间和延迟

适合对象

需要视觉反馈的UI组件
动态布局中的隐藏内容
引导或教程流程
带有条件元素的交互表单
需要精致微交互的应用程序

使用建议

多个实例可能影响性能
需要仔细调整动画持续时间
仅限基于可见性的转换
不适用于复杂的布局更改
最好与轻量级组件一起使用

原始 README

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

Animated Visibility

Animate appearance and disappearance using pre-built effects with the AnimatedVisibility widget.

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  animated_visibility: <latest_version>

In your library add the following import:

import 'package:animated_visibility/animated_visibility.dart';

Basic usage

      AnimatedVisibility(
        visible: _isShow,
        enter: fadeIn() + scaleIn(),
        exit: fadeOut() + slideOutHorizontally(),
        child: <content to show/hide>,
      );

Demo

Sample app demonstrates how simple the usage of the library actually is.

Bugs and Feedback

For bugs, questions and discussions please use the Github Issues.

Credits

animated_visibility is owned and maintained by the Canopas team. You can follow them on X at @canopassoftware for project updates and releases.

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

安装插件