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

animated_background 封面
插件详情v2.0.0

animated_background

适用于 Flutter 的动画背景。可轻松扩展以在画布上绘制任意内容。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
2290
喜欢数
311
Pub 分数
140

安装插件

flutter pub add animated_background

插件介绍

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

一个用于创建可自定义画布绘制的动画背景的 Flutter 包。它使开发者能够轻松实现动态视觉效果,如流动渐变、粒子系统或自定义动画,直接在屏幕背景上呈现。该包设计为可扩展,允许用户使用 Canvas API 定义自己的绘图逻辑。非常适合以最少代码提升应用美感,支持所有主要平台,包括移动设备、网页和桌面。

适合场景

  • 创建沉浸式启动画面
  • 添加动态UI背景
  • 增强游戏或应用的开场
  • 设计视觉丰富的着陆页
  • 实现动画渐变叠加

主要特点

  • 可扩展的画布绘图
  • 流畅的动画性能
  • 跨平台兼容性
  • 通过 pub 的简单集成
  • 可自定义的动画模式

适合对象

  • 寻求视觉魅力的UI设计师
  • 开发人员构建引人入胜的引导流程
  • 需要动态背景视觉效果的应用程序
  • 创意数字体验
  • 面向前端的 Flutter 项目

使用建议

  • 可能会影响低端设备的性能
  • 需要了解 Canvas 绘图
  • 动画复杂度会影响电池使用
  • 未针对高负载实时渲染进行优化
  • 内置预设有限,仅限基本效果

原始 README

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

Animated Backgrounds for Flutter

pub package

Animated Backgrounds for Flutter. Easily extended to paint whatever you want on the canvas.

Screenshot Screenshot

Note: These examples are laggy because they were recorded from the emulator. Other examples available in the screenshots folder.

How to use

In your pubspec.yaml:

dependencies:
  animated_background: ^1.0.5

In your Dart file:

import 'package:animated_background/animated_background.dart';

Use in a Stateful Widget with mixin TickerProviderStateMixin or pass a ticker provider in vsync.

AnimatedBackground(
  behaviour: RandomParticleBehaviour(),
  vsync: this,
  child: Text('Hello'),
);

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目