cool_background_animation
一个用于惊艳且可自定义背景动画的Flutter包。
一个新概念,一个包,将在需要时控制后台动画
以下为英文项目原文快照,最新内容请访问 GitHub。
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! 🚀✨
依赖清单 3 项
{"sdk":"flutter"}{"sdk":"flutter"}^5.0.0先按使用场景筛选,再比较项目活跃情况,最后到原始仓库核对使用要求。
“A repository is the most basic element of GitHub.”
GitHub Docs — About repositories ↗