animated_loader
A customizable Flutter animated image sequence loader widget with optional shimmer text effects. Smoothly transitions through a sequence of images in a loop.
Features
- 🔄 Sequential Image Transitions: Animates through a list of images with entrance/exit slide & fade effects.
- ✨ Optional Shimmer Effect: Add shimmering text or custom widgets below the loader.
- 🎨 Fully Customizable: Adjust colors, image size, container size, animation durations, and text styles.
Getting Started
Add animated_loader to your pubspec.yaml:
dependencies:
animated_loader: ^1.0.0
Usage
import 'package:flutter/material.dart';
import 'package:animated_loader/animated_loader.dart';
class LoadingScreen extends StatelessWidget {
const LoadingScreen({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: AnimatedLoader(
imagePaths: const [
'assets/loader_step1.png',
'assets/loader_step2.png',
'assets/loader_step3.png',
],
text: 'Loading your dashboard...',
enableShimmer: true,
shimmerBaseColor: Colors.black54,
shimmerHighlightColor: Colors.amber,
),
);
}
}