animated_gradient

插件介绍

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

一个 Flutter 包，使开发者能够在其应用程序中创建平滑、动画渐变背景，支持多种颜色。它支持动态颜色过渡，非常适合在移动、Web 和桌面平台上提升 UI 的视觉吸引力。该插件可通过 pub add 轻松集成，并提供可自定义的动画速度和方向。非常适合用于启动画面、登录页面或任何需要吸引人背景效果的界面。

适合场景

启动画面
登录界面
仪表板背景
交互式 UI 元素
应用入门屏幕

主要特点

多种颜色渐变
平滑的动画过渡
可自定义的速度和方向
跨平台支持
通过 pub add 轻松集成
响应式设计兼容性

适合对象

寻求视觉魅力的UI设计师
开发现代应用程序界面的开发者
需要动态背景效果的项目
Flutter 初学者探索动画
面向多个平台的应用程序

使用建议

可能会影响低端设备的性能
需要仔细选择颜色以确保可读性
动画设置应针对用户体验进行优化
不适用于静态背景需求
对单个渐变点的控制有限

原始 README

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

Animated Gradient

Animated gradient package lets you add a beautiful randomly moving gradient to your Flutter app.

Installation

Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
  animated_gradient: ^0.0.2

Import the package and use it in your Flutter App.

import 'package:animated_gradient/animated_gradient.dart';

Features

class MyApp extends StatelessWidget {  
  const MyApp({Key? key}) : super(key: key);  
  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      body: AnimatedGradient(  
        child: const Text("Done!",
          style : TextStyle(
            color: Colors.white,
            fontSize: 50,
            fontWeight: FontWeight.w700,
          ),
        ),  
      ),  
    );  
  }  
}

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

安装插件