animated_indicators 0.0.4 copy "animated_indicators: ^0.0.4" to clipboard
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 #

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  animated_indicators: ^0.0.3
  1. 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,
        ),
      ),
    );
  }
}
3
likes
130
points
28
downloads

Publisher

unverified uploader

Weekly Downloads

a beautiful animated index indicators

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on animated_indicators