animated_splash_plus 1.0.0
animated_splash_plus: ^1.0.0 copied to clipboard
A highly customizable animated splash screen package for Flutter with beautiful sunset effects and text animations.
Features #
- 🌅 Smooth sunset gradient background animation
- ✨ Customizable text animations (slide-in, fade-in)
- 🎨 Configurable colors, fonts, and durations
- ⚙️ Optional center widget during initial animation
- 🔄 Completion callback for navigation
Demo #
[Animated Splash Demo]Animated Splash Screen
Installation #
Add to your pubspec.yaml:
dependencies: animated_splash_plus: ^1.0.0
Usage #
Basic Usage
import 'package:animated_splash_plus/animated_splash_plus.dart';
MaterialApp(
home: AnimatedSplashPlus(
firstText: 'Business',
secondText: 'Manager',
subtitle: 'Your Business Solution',
welcomeText: 'Loading...',
onComplete: () {
Navigator.pushReplacement(context, MaterialPageRoute(builder: (_) => HomePage()));
},
),
);
Advanced Usage with Customizations
firstText: 'Hello',
secondText: 'World',
firstTextColor: Colors.blue,
secondTextColor: Colors.green,
sunsetDuration: Duration(seconds: 2),
textAnimationDuration: Duration(seconds: 1),
customCenterWidget: FlutterLogo(size: 100),
gradientColors: [Colors.purple, Colors.pink, Colors.deepOrange],
);
Example Project For a complete working example, see the example directory in this repository.
To run the example:
1.Clone the repository. 2.Navigate to the example folder. 3.Run flutter pub get. 4.Run flutter run.
Customization Options #
| Parameter | Type | Description | Default Value |
|---|---|---|---|
firstText |
String |
First text to display | Required |
secondText |
String |
Second text to display | Required |
subtitle |
String? |
Optional subtitle text | null |
welcomeText |
String |
Welcome/bottom text | "Welcome" |
firstTextColor |
Color |
Color of first text | Colors.white |
secondTextColor |
Color |
Color of second text | Colors.white |
subtitleColor |
Color? |
Color of subtitle | Colors.white70 |
welcomeTextColor |
Color |
Color of welcome text | Colors.white70 |
sunsetDuration |
Duration |
Background animation duration | Duration(seconds: 3) |
textAnimationDuration |
Duration |
Text animations duration | Duration(seconds: 2) |
customCenterWidget |
Widget? |
Custom widget during initial phase | null |
gradientColors |
List<Color>? |
Custom gradient colors | Sunset gradient |
onComplete |
VoidCallback? |
Animation completion callback | null |
Example Code Structure #
example/ ├── lib/ │ └── main.dart # Main example code ├── test/ │ └── widget_test.dart # Example tests └── pubspec.yaml # Example dependencies
Example App Code (example/lib/main.dart)
import 'package:animated_splash_plus/animated_splash_plus.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Animated Splash Plus Demo',
home: AnimatedSplashPlus(
firstText: 'Business',
secondText: 'Manager',
subtitle: 'Your Business Solution',
welcomeText: 'Loading...',
onComplete: () {
Navigator.pushReplacement(
context,
MaterialPageRoute(builder: (_) => const HomePage()),
);
},
),
);
}
}
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Home')),
body: const Center(child: Text('Welcome to the app!')),
);
}
}
Contributing Contributions are welcome! Please open an issue or submit a pull request for any improvements.