cool_background_animation
一个用于惊艳且可自定义背景动画的Flutter包。
一个新概念,一个包,将在需要时控制后台动画
{"sdk":"flutter"}{"sdk":"flutter"}^5.0.0以下为英文项目原文快照,最新内容请访问 GitHub。
Cool Background Animation Demo
Cool Background Animation is a Flutter package designed to add stunning, customizable animated background effects to your apps. Perfect for enhancing visual appeal with minimal effort, this package ensures your projects stand out with eye-catching animations.
Add the package to your project by including it in your pubspec.yaml file:
dependencies:
cool_background_animation: 1.1.0
Run the following command to fetch the package:
flutter pub get
Here's how you can use Cool Background Animation in your Flutter app:
import 'package:cool_background_animation/cool_background_animation.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: StarFallingBackground(
speed: 2.0,
colors: [Colors.blue, Colors.purple],
patterns: Patterns.starfall,
),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: RainbowBackground(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: MatrixRainAnimation(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: CelebrationAnimation(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: BubbleBackground(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: MultipleBalloons(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: AnimatedBackgroundSymbols(
symbolColor: Colors.green,
symbolSize: 34.0,
customSymbols: '!@#\$%^&*()_+',
spawnInterval: Duration(milliseconds: 200),
initialSymbolCount: 20,
fontFamily: 'YourFontFamily',
));
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body:
InfiniteSpiralMotionAnimation(
size: 300,
colors: [Colors.blue, Colors.purple, Colors.pink],
colorBlendMode: ColorBlendMode.rainbow,
enableParticles: true,
enable3DEffect: true,
enableShimmer: true,
enableGradientBorder: true,
enablePulsingBorder: true,
enableShadow: true,
rotationX: 0.2,
rotationY: 0.1,
direction: AnimationDirection.all,
));
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body:
StarryBackground(
numberOfStars: 200,
starConfig: StarConfig(
minSize: 1.0,
maxSize: 4.0,
starColor: Colors.amber,
movementSpeed: 2.0,
enableTwinkling: true,
),
backgroundGradient: LinearGradient(
colors: [Colors.red, Colors.blue.shade900],
),
enableShootingStars: true,
shootingStarInterval: Duration(seconds: 3),
));
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: GradientMeshBackground(
config: GradientMeshConfig(
colors: [
Color(0xFF667EEA),
Color(0xFF764BA2),
Color(0xFFF093FB),
Color(0xFF4FACFE),
],
animationSpeed: 1.0,
enableBlur: true,
enablePulsing: true,
),
child: Center(
child: Text(
'Beautiful Gradient Mesh',
style: TextStyle(
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
),
),
);
}
}
We'd love to hear your thoughts! If you encounter any issues, have feature requests, or would like to contribute, please visit our GitHub Repository.
This package is distributed under the MIT License. See the LICENSE file for details.
Happy Animating! 🚀✨