Raindrop Animated Splash Screen π§οΈ
A Flutter package for a beautiful raindrop splash animation.
Customize color, duration, and text, then navigate to your main app screen.
β¨ Features
β
Raindrop falling animation.
β
Configurable color and textStyle.
β
Auto navigate to next screen.
β
Lightweight and easy to use.
How to use it ?
1. Add dependency
Add this to your package's pubspec.yaml file:
dependencies:
raindrop_animated_splash_screen: <latest_version>
2. Install it You can install packages from the command line:
with pub :
$ pub get
with Flutter :
$ flutter pub get
3. Import it
Now in your Dart code, you can use :
import 'package:raindrop_animated_splash_screenraindrop_animated_splash_screen.dart';
4. Use it
Using raindrop_animated_splash_screen in your project is super simple .
βJust wrap your screen with RaindropSplashScreen, and it will automatically handle the splash animation and navigate to your next screen.β
Basic usage
Add WithOut Any Customization :
RaindropSplashScreen(
// Screen to show after splash animation finishes
nextScreen: const HomePage(),
),
Add All Customiztion According Your Screen :
RaindropSplashScreen(
// Screen to show after splash animation finishes
nextScreen: const HomePage(),
// Text shown below the raindrop animation
title: "Raindrop Splash",
// Color of raindrop + hole reveal effect
color: Colors.blue,
// Duration of splash animation
duration: const Duration(seconds: 3),
),
πΈ Screenshots & Demo
| Without customization | With customization |
|---|---|