animated_indicators 0.0.4 animated_indicators: ^0.0.4 copied to clipboard
a beautiful animated index indicators
A Flutter package that provides a stunning and customizable animated index indicators. Perfect for showcasing images, products, or any other content in a visually appealing way.
## Features- Beautiful animations: Smooth and visually appealing animations when swiping through the carousel.
- Customizable: Customize the indicators appearance to match your app's style.
- Index Indicators: Easily see and navigate through the carousel with the index indicators.
- Responsive: Works well on various screen sizes and orientations.
Installation #
- Add the latest version of package to your pubspec.yaml (and run
dart pub get
):
dependencies:
animated_indicators: ^0.0.3
- Import the package and use it in your Flutter App.
import 'package:animated_indicators/animated_indicators.dart';
Example #
There are a number of properties that you can modify:
- height
- width
- activeColor
- noActiveColor
- length
class AnimatedIndicatorsPage extends StatefulWidget {
const AnimatedIndicatorsPage({super.key});
@override
State<AnimatedIndicatorsPage> createState() => _AnimatedIndicatorsPageState();
}
class _AnimatedIndicatorsPageState extends State<AnimatedIndicatorsPage> {
int activeIndex = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: AnimatedIndicators(
activeColor: Colors.white,
noActiveColor: Colors.grey,
activeIndex: activeIndex,
length: 3,
width: 40,
),
),
);
}
}