nuts_activity_indicator 1.0.0-rc.1

Highly customizable activity indicator (spinner) based on the activity indicator from the cupertino package.

nuts_activity_indicator

dartsidedev

The nuts_activity_indicator package is based on the cupertino library's CupertinoActivityIndicator widget and it offers great customizability. You can customize, for example, the color, the width and the number of the rectangles that make up the activity indicator, the speed of spinning, etc...

NutsActivityIndicator(
    radius: 33,
    activeColor: Colors.indigo,
    inactiveColor: Colors.red,
    tickCount: 11,
    startRatio: 0.55,
    animationDuration: Duration(milliseconds: 123),
),

The video is much more interesting than the screenshot. Download it here ~1.7 MB.

Do you like this package?

• ⭐️ Star it on GitHub

Usage

Read the API reference to see all currently supported parameters.

// Add nuts_activity_indicator as dependency in your pubspec.
import 'package:nuts_activity_indicator/nuts_activity_indicator.dart';

//...

NutsActivityIndicator(
    activeColor: Colors.indigo,
    inactiveColor: Colors.blueGrey,
    tickCount: 24,
    relativeWidth: 0.4,
    radius: 60,
    startRatio: 0.7,
    animationDuration: Duration(milliseconds: 500),
),

Resources

• Read the source code
• Report an issue: Feel free to submit README improvements, typo fixes, too!
• Read the API reference
• Check out the Flutter example app
• Learn more about the package on pub.dev
• Ask a question

For help getting started with Flutter, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.