nuts_activity_indicator

Highly customizable activity indicator (spinner) for your Flutter apps based on the cupertino package.

The nuts_activity_indicator package is based on the cupertino library's CupertinoActivityIndicator widget and it offers greater customizability.

You can customize:

• the colors 🧡❤️
• the width, size and the number of tickers 📏
• the speed of the spinning 🏃‍♂️💨

Important links

• Read the source code and star the repo on GitHub
• Open an issue on GitHub
• See package on pub.dev
• Read the docs on pub.dev

If you enjoy using this package, a thumbs-up on pub.dev would be highly appreciated! 👍💙

Usage

// Add nuts_activity_indicator as dependency in your pubspec:
// $ flutter pub add nuts_activity_indicator

// Then, import the package:
import 'package:nuts_activity_indicator/nuts_activity_indicator.dart';

// And finally, use and customize the widget:
final spinner = NutsActivityIndicator(
    activeColor: Colors.indigo,
    inactiveColor: Colors.blueGrey,
    tickCount: 24,
    relativeWidth: 0.4,
    radius: 60,
    startRatio: 0.7,
    animationDuration: Duration(milliseconds: 500),
);

This package exports a highly customizable activity indicator, "spinner" widget based on the iOS-style activity indicator from the cupertino package.

The key takeaways from Apple Human Interface Guidelines on Activity Indicators that are also relevant to the NutsActivityIndicator class are:

• use the activity indicator only when the task cannot be quantified (there is no known remaining time, task count, data size).
• keep it moving: only disable animating if the process stalls.

For more information, see

• Flutter cupertino library CupertinoActivityIndicator class
• Apple Human Interface Guidelines on Activity Indicators

Read the API reference to see all currently supported parameters.