flutter pub add flutter_fadein基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个简单的 Flutter 小部件，一旦挂载到小部件树中便会平滑地淡入内容。非常适合通过细微的进入动画来提升用户体验，无需复杂的设置。该小部件会自动处理淡入过渡效果，便于在各种 UI 元素中应用。支持所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux，确保在不同设备上行为一致。适用于引导页面、动态列表或任何需要柔和出现效果的组件。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Simple Flutter widget to fade-in your widgets once they are mounted.
Supports Material & Cupertino widgets.
Required Dart >=2.12 (has null-safety support).
Add this as a dependency in your pubspec.yaml:
dependencies:
flutter_fadein: ^2.0.0
import 'package:flutter_fadein/flutter_fadein.dart';
FadeIn(
child: Text("This will be faded-in!"),
// Optional paramaters
duration: Duration(milliseconds: 250),
delay: Duration(milliseconds: 250)
curve: Curves.easeIn,
)
If you need more control over the animation timing, you can use FadeInController:
final controller = FadeInController();
// ...
FadeIn(
child: Text("This will be faded-in with a controller"),
controller: controller,
)
// ...
controller.fadeIn();
controller.fadeOut();
Using a controller with not automatically start. You can make it automatically start using FadeInController(autoStart: true).
Note that the delay parameter does not work while using a controller, and will therefore raise an exception.