Git Product home page Git Product logo

dartsidedev / nuts_activity_indicator Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 3.0 35.33 MB

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

Home Page: https://pub.dev/packages/nuts_activity_indicator

License: BSD 3-Clause "New" or "Revised" License

Dart 21.70% Kotlin 0.23% Swift 2.14% Objective-C 0.07% CMake 34.59% C++ 38.64% C 2.63%
flutter dart material cupertino ios app-development mobile-development nuts-and-bolts awesome

nuts_activity_indicator's Introduction

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 ๐Ÿƒโ€โ™‚๏ธ๐Ÿ’จ

nuts_activity_indicator Published by dartside.dev GitHub Stars Count

Flutter package nuts_activity_indicator

Important links

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

Read the API reference to see all currently supported parameters.

nuts_activity_indicator's People

Contributors

vincevargadev avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

nuts_activity_indicator's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.