搜索分类、插件与代码仓

flutter_fader 封面
插件详情v2.0.1

flutter_fader

一个 Flutter 小部件,可让您淡入和淡出子小部件。当子小部件淡出时,它将从树中移除(无法与之交互)

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
52
喜欢数
9
Pub 分数
160

安装插件

flutter pub add flutter_fader

插件介绍

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

Flutter Fader 是一个轻量级的动画小部件,可平滑地淡入淡出子小部件。当淡出时,子小部件将从组件树中移除,确保无法与之交互。非常适合用于创建干净、响应式的用户界面过渡效果,例如加载指示器、模态框或动态内容更新。该包支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,使其在跨平台应用中具有高度灵活性。它可无缝集成到 Flutter 的动画系统中,且设置简单。

适合场景

  • 加载状态转换
  • 模态或对话框动画
  • 动态内容可见性
  • 用户界面反馈
  • 平滑的屏幕元素变化

主要特点

  • 平滑的淡入/淡出动画
  • 淡出时从树中移除子项
  • 跨平台兼容性
  • 最小配置
  • 与 Flutter 的无缝集成
  • 支持所有主要平台

适合对象

  • 需要简单淡入淡出效果的开发者
  • 具有动态 UI 元素的应用程序
  • 跨平台项目
  • UI/UX 改进
  • 需要可见性控制的交互式组件

使用建议

  • 子部件在淡出后未被保留
  • 不适合用于持久化UI元素
  • 在有状态的上下文中需要谨慎处理
  • 仅限淡入淡出过渡
  • 无内置的反向动画控制

原始 README

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

flutter_fader

pub package codecov style: flutter lints License: MIT

A widget for Flutter that allows you to fade in and out a child widget.
When a widget is faded out it is no longer in the view tree. Meaning that it can't be used or interacted with. Handy for hiding buttons.

Example of fader with buttons Example of fader with scroll

Getting started

In your Flutter project, add the package to your dependencies

dependencies:
  ...
  flutter_fader: ^2.0.0

Usage example

Examples of how to use the widget, and that can also be ran on your device, can be found in the example directory

Import the fader package

import 'package:flutter_fader/flutter_fader.dart';

Create a fader controller, this allows you to control when the Fader fades in or out

FaderController faderController = new FaderController();

Create a fader widget, and pass it the fader controller

Fader(
  controller: faderController,
  duration: const Duration(milliseconds: 50),
  child: Text("Hello, world!"),
)

Now you can fade the child widget in and out at will

faderController.fadeOut();
faderController.fadeIn();

所属分类

源码仓库

使用此插件的项目

暂无相关数据。