✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.

Last update: Dec 30, 2022

Overview

✨ Flutter Spinkit

A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit.

🎖 Installing

dependencies:
  flutter_spinkit: "^4.1.2"

⚡️ Import

import 'package:flutter_spinkit/flutter_spinkit.dart';

🎮 How To Use

const spinkit = SpinKitRotatingCircle(
  color: Colors.white,
  size: 50.0,
);

final spinkit = SpinKitFadingCircle(
  itemBuilder: (BuildContext context, int index) {
    return DecoratedBox(
      decoration: BoxDecoration(
        color: index.isEven ? Colors.red : Colors.green,
      ),
    );
  },
);

final spinkit = SpinKitSquareCircle(
  color: Colors.white,
  size: 50.0,
  controller: AnimationController(vsync: this, duration: const Duration(milliseconds: 1200)),
);

For more info, please, refer to the showcase.dart in the example.

🚀 Showcase

RotatingPlain	DoubleBounce	Wave	WanderingCubes	FadingFour	FadingCube
Pulse	ChasingDots	ThreeBounce	Circle	CubeGrid	FadingCircle
RotatingCircle	FoldingCube	PumpingHeart	DualRing	HourGlass	PouringHourGlass
FadingGrid	Ring	Ripple	SpinningCircle	SquareCircle

Some GIF images gotten from Android Spinkit.

🐛 Bugs/Requests

If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on Github and I'll look into it. Pull request are also welcome.

❗️ Note

For help getting started with Flutter, view our online documentation.

For help on editing plugin code, view the documentation.

☀️ Authors

⭐️ License

MIT License

Comments

New Animations not actually added?

Hi, good to see more animations added! In checking with the 1.0 update and looking at the exports and the file, it doesn't look like the new animations made it to the file? I'm not able to find the new ones.

library flutter_spinkit;

export 'src/chasing_dots.dart';
export 'src/double_bounce.dart';
export 'src/fading_cube.dart';
export 'src/folding_cube.dart';
export 'src/pulse.dart';
export 'src/rotating_circle.dart';
export 'src/rotating_plain.dart';
export 'src/fading_four.dart';
export 'src/three_bounce.dart';
export 'src/wave.dart';
export 'src/circle.dart';
export 'src/fading_circle.dart';
export 'src/wandering_cubes.dart';
export 'src/cube_grid.dart';
export 'src/pumping_heart.dart';

I was looking for the DualRing

opened by ThinkDigitalSoftware 8

Integrate some widgets with painter
Hi I just widgets some files and integrated them with CustomPainter. List of widgets that have been Changed:

SpinKitSquareCircle

SpinKitPumpingHeart

SpinKitPulse

SpinKitDoubleBounce

also, I Removed itemBuilder of these widgets. If any changes needed please let me know. Thank you
opened by payam-zahedi 6

Cannot customize the alignment, always in center screen

SpinKitFadingCircle etc will only be shown in the middle of the screen.

As following code says that there is no alignment setting for the widget, and I check the source code that the alignment is default to center. And if I constraint the widget inside a container at the bottom of the screen, the widget will not be shown.

SpinKitFadingCircle(
  color: Colors.white,
  width: 50.0,
  height: 50.0,
);

Here is my code, which CircularProgressIndicator be replaced by SpinKitFadingCircle if I want to place it at the bottom.

  Widget _buildProgressIndicator() {
    return Container(
      alignment: Alignment.bottomCenter,
      padding: const EdgeInsets.all(16.0),
      child: Opacity(
        opacity: widget.isLoading ? 1.0 : 0.0,
        child: Container(
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: Colors.white,
          ),
          child: SizedBox(
            width: 40.0,
            height: 40.0,
            child: Container(
              padding: EdgeInsets.all(8.0),
              child: CircularProgressIndicator(
                valueColor: AlwaysStoppedAnimation(kShrinePink300),
                strokeWidth: 3.0,
              ),
            ),
          ),
        ),
      ),
    );
  }

Hope it makes more clear. Sorry for the detail missing. I thought it was quite a obvious problem.

question

opened by baoxiehao 6

Feat : CubeGrid

Some of you example files in android folder are not building my project, so modified example so that it could run in android studio. Refer showcase for the preview of Cube Grid, Thanks.

opened by aagarwal1012 6
Three in out

This PR adds a new type of spinner that shows a dot leaving & entering at the same time.

There may be a better or more efficient way to implement it, as this is essentially using a layout transition.

A major issue with this implementation is that it's not straightforward to add a gap between the dots. This may be solved by further wrapping the items in a AnimatedContainer and reset the alignment of each.

The PR is based on #74, and also simplifies the showcase page a little bit.

opened by ened 4

The method 'reverse' was called on null

Describe the bug I'm getting the following exception

The method 'reverse' was called on null

after the animation stops showing.

The stacktrace looks like this (and goes on and on like this for 500 lines):

I/flutter (11044): ══╡ EXCEPTION CAUGHT BY ANIMATION LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter (11044): The following NoSuchMethodError was thrown while notifying status listeners for AnimationController:
I/flutter (11044): The method 'reverse' was called on null.
I/flutter (11044): Receiver: null
I/flutter (11044): Tried calling: reverse()
I/flutter (11044): 
I/flutter (11044): When the exception was thrown, this was the stack:
I/flutter (11044): #0      Object.noSuchMethod (dart:core-patch/object_patch.dart:51:5)
I/flutter (11044): #1      autoReverseFn.<anonymous closure> (package:flutter_spinkit/src/utils.dart:8:27)
I/flutter (11044): #2      AnimationLocalStatusListenersMixin.notifyStatusListeners (package:flutter/src/animation/listener_helpers.dart:193:19)
I/flutter (11044): #3      AnimationController._checkStatusChanged (package:flutter/src/animation/animation_controller.dart:753:7)
I/flutter (11044): #4      AnimationController._animateToInternal (package:flutter/src/animation/animation_controller.dart:585:7)
I/flutter (11044): #5      AnimationController.forward (package:flutter/src/animation/animation_controller.dart:458:12)
I/flutter (11044): #6      _SpinKitCubeGridState.initState (package:flutter_spinkit/src/cube_grid.dart:37:9)
I/flutter (11044): #7      StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4068:58)
I/flutter (11044): #8      ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
I/flutter (11044): #9      Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
I/flutter (11044): #10     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
I/flutter (11044): #11     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
I/flutter (11044): #12     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
I/flutter (11044): #13     MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5233:32)
I/flutter (11044): #14     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
I/flutter (11044): #15     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)

SpinKit name

SpinKitCubeGrid

Screenshots

opened by magnuswikhog 4

PouringHourGlass or PouringHourglass ?

Describe the bug Showcase on [https://pub.dev/packages/flutter_spinkit] shows PouringHourGlass to call spinner but it's coded by PouringHourglass

SpinKit name PouringHourGlass

Screenshots

opened by hardiklakhalani 3
Feature request: custom icon as input for progress indicator

Hello,

I would like my icon to be displayed as a rotating progress indicator. Any plans to allow for an "Icon" or "Image" input, that is then used as the item to animate as the indicator? Describe the bug A clear and concise description of what the bug is.

SpinKit name The name of the loader with which this bug occurred.

Screenshots If applicable, add screenshots to help explain your problem.

opened by giorgio79 3
Animation not working properly

Describe the bug You can see it. I'm using API level 29 and Flutter 1.12

SpinKit name WanderingCubes (but also happend DoubleBounce, so maybe happens with all SpinKits)

Screenshots (Ignore the speed -- recording issues)
bug

opened by JuanM04 3
Please give more detail about how to use in wiki.

Developers need to check source code to find out how to show and hide If they want to use this component now, please give more details to make it easy.

opened by haoyd 3
[Request] Hope to expose AnimationController

I have a requirement to control the playback and pause of animation, so I hope to provide a parameter to pass AnimationController, so that I can control when the animation is played and when it is paused.
enhancement help wanted quickfix request

opened by peng8350 3
Spinkit animation with ElevatedButton's onPressed function (enquiry)

Good day Ayush and Jeremiah

I am new to Flutter and I am hoping that you can help me with making use of your Spinkit package. I have searched online but I have not come across a solution for my case.

The result I am seeking is for your Spinkit's animation to present itself after the press of an ElevatedButton, where that press will also prompt some loading activity, and then cease after the loading activity. Is this possible with Spinkit please?

I have attached the code I am working on to this e-mail for your consideration, however, some ordinary code featuring an ElevatedButton's onPress function would be sufficient for illustrating an example.

Many thanks for your time and for your support.

Kind regards

M Mathems

registrationScreen.txt

opened by mathems-m 0

Error: UnimplementedError SpinKitPouringHourGlassRefined

Describe the bug i facing error about using SpinKitPouringHourGlassRefined in my app (flutter web)

Error: UnimplementedError
    at Object.throw_ [as throw] (http://localhost:34305/dart_sdk.js:5067:11)
    at Path.combine (http://localhost:34305/dart_sdk.js:135869:17)
    at pouring_hour_glass_refined._HourGlassPaint.new.paint (http://localhost:34305/packages/flutter_spinkit/src/pouring_hour_glass_refined.dart.lib.js:346:31)
    at [_paintWithPainter] (http://localhost:34305/packages/flutter/src/rendering/custom_paint.dart.lib.js:356:15)
    at custom_paint.RenderCustomPaint.new.paint (http://localhost:34305/packages/flutter/src/rendering/custom_paint.dart.lib.js:371:32)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderConstrainedBox.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderTransform.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at proxy_box.RenderTransform.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:2636:19)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at shifted_box.RenderPositionedBox.new.paint (http://localhost:34305/packages/flutter/src/rendering/shifted_box.dart.lib.js:140:17)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at shifted_box.RenderPositionedBox.new.paint (http://localhost:34305/packages/flutter/src/rendering/shifted_box.dart.lib.js:140:17)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderConstrainedBox.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at flex$.RenderFlex.new.defaultPaint (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:8059:19)
    at flex$.RenderFlex.new.paint (http://localhost:34305/packages/flutter/src/rendering/flex.dart.lib.js:1074:14)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at paintContents (http://localhost:34305/packages/flutter/src/widgets/single_child_scroll_view.dart.lib.js:646:19)
    at single_child_scroll_view._RenderSingleChildViewport.new.paint (http://localhost:34305/packages/flutter/src/widgets/single_child_scroll_view.dart.lib.js:653:11)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at PaintingContext._repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5759:31)
    at PaintingContext.repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5731:31)
    at [_compositeChild] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5790:33)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5780:30)
    at proxy_box.RenderIgnorePointer.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderPointerListener.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsGestureHandler.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderPointerListener.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at scrollable$._RenderScrollSemantics.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderRepaintBoundary.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at PaintingContext._repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5759:31)
    at PaintingContext.repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5731:31)
    at [_compositeChild] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5790:33)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5780:30)
    at custom_paint.RenderCustomPaint.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at custom_paint.RenderCustomPaint.new.paint (http://localhost:34305/packages/flutter/src/rendering/custom_paint.dart.lib.js:374:13)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderMouseRegion.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderPointerListener.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsGestureHandler.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderRepaintBoundary.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at PaintingContext._repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5759:31)
    at PaintingContext.repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5731:31)
    at [_compositeChild] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5790:33)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5780:30)
    at proxy_box.RenderConstrainedBox.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at shifted_box.RenderPadding.new.paint (http://localhost:34305/packages/flutter/src/rendering/shifted_box.dart.lib.js:140:17)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at custom_layout.RenderCustomMultiChildLayoutBox.new.defaultPaint (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:8059:19)
    at custom_layout.RenderCustomMultiChildLayoutBox.new.paint (http://localhost:34305/packages/flutter/src/rendering/custom_layout.dart.lib.js:279:12)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at material._RenderInkFeatures.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at material._RenderInkFeatures.new.paint (http://localhost:34305/packages/flutter/src/material/icon_button.dart.lib.js:47886:13)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderPhysicalModel.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at object$.PaintingContext.new.pushLayer (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5890:7)
    at proxy_box.RenderPhysicalModel.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:2201:17)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderRepaintBoundary.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at PaintingContext._repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5759:31)
    at PaintingContext.repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5731:31)
    at [_compositeChild] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5790:33)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5780:30)
    at proxy_box.RenderIgnorePointer.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderAnimatedOpacity.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at object$.PaintingContext.new.pushLayer (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5890:7)
    at object$.PaintingContext.new.pushOpacity (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:6004:12)
    at proxy_box.RenderAnimatedOpacity.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:1205:32)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderFractionalTranslation.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at proxy_box.RenderFractionalTranslation.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:3046:15)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderRepaintBoundary.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at PaintingContext._repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5759:31)
    at PaintingContext.repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5731:31)
    at [_compositeChild] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5790:33)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5780:30)
    at routes._RenderFocusTrap.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderOffstage.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at proxy_box.RenderOffstage.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:3573:13)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at overlay$._RenderTheatre.new.paintStack (http://localhost:34305/packages/flutter/src/widgets/widget_inspector.dart.lib.js:27083:17)
    at overlay$._RenderTheatre.new.paint (http://localhost:34305/packages/flutter/src/widgets/widget_inspector.dart.lib.js:27092:14)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderAbsorbPointer.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderPointerListener.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at overlay$._RenderTheatre.new.paintStack (http://localhost:34305/packages/flutter/src/widgets/widget_inspector.dart.lib.js:27083:17)
    at overlay$._RenderTheatre.new.paint (http://localhost:34305/packages/flutter/src/widgets/widget_inspector.dart.lib.js:27092:14)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at material._RenderInkFeatures.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at material._RenderInkFeatures.new.paint (http://localhost:34305/packages/flutter/src/material/icon_button.dart.lib.js:47886:13)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderPhysicalModel.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at object$.PaintingContext.new.pushLayer (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5890:7)
    at proxy_box.RenderPhysicalModel.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:2201:17)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at proxy_box.RenderSemanticsAnnotations.new.paint (http://localhost:34305/packages/flutter/src/rendering/proxy_box.dart.lib.js:444:41)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at object$.PaintingContext.new.paintChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5782:33)
    at view.RenderView.new.paint (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:4747:39)
    at [_paintWithContext] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:3519:14)
    at PaintingContext._repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5759:31)
    at PaintingContext.repaintCompositedChild (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5731:31)
    at object$.PipelineOwner.new.flushPaint (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:6272:39)
    at binding$5.WidgetsFlutterBinding.new.drawFrame (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5496:26)
    at binding$5.WidgetsFlutterBinding.new.drawFrame (http://localhost:34305/packages/flutter/src/widgets/widget_inspector.dart.lib.js:52921:15)
    at [_handlePersistentFrameCallback] (http://localhost:34305/packages/flutter/src/rendering/layer.dart.lib.js:5459:12)
    at [_invokeFrameCallback] (http://localhost:34305/packages/flutter/src/scheduler/binding.dart.lib.js:722:9)
    at binding$5.WidgetsFlutterBinding.new.handleDrawFrame (http://localhost:34305/packages/flutter/src/scheduler/binding.dart.lib.js:693:37)
    at [_handleDrawFrame] (http://localhost:34305/packages/flutter/src/scheduler/binding.dart.lib.js:646:12)
    at Object.invoke (http://localhost:34305/dart_sdk.js:190394:7)
    at _engine.EnginePlatformDispatcher.__.invokeOnDrawFrame (http://localhost:34305/dart_sdk.js:171071:15)
    at http://localhost:34305/dart_sdk.js:190193:55

SpinKit name SpinKitPouringHourGlassRefined

flutter : 2.10.4 Linux flutter_spinkit: 5.1.0

opened by mqnoy 0

WaveSpinner is not working

Describe the bug Hi, I really like your library, I think it is beautiful and very useful. However, I am having some trouble with SpinKitWaveSpinner class. It is not visible on vscode suggestions and I can't go to definition of the class. It looks like this class doesn't exist. (I tried exporting it in flutter_spinkit.dart but problem still exists.) Maybe you forget to publish it? (I am using version 5.1.0) Can you take a look? Thanks in advance.

SpinKit name SpinKitWaveSpinner

opened by buckyroid 0
WanderingCubes not provided correct rotation like what is displayed in library

I have used WanderingCubes spin kit but the rotation /animation is not like what is display in this library .i want this type of animation

https://user-images.githubusercontent.com/73092173/151928266-187afb2c-e2c3-4170-8048-8cc028f20988.mov

--

SpinKit name--- WanderingCubes

https://user-images.githubusercontent.com/73092173/151928177-560a1802-fd02-4ebb-8541-7fd843497cef.mp4

opened by MOHAPATRA-S 1

Releases(v5.1.0)

v5.1.0(Aug 28, 2021)
Much needed improvements

Renamed SpinKitPouringHourglass -> SpinKitPouringHourGlass for correctness

Fix SpinKitFoldingCube animation

Fix disposing of non-local animation controllers

Introduced strokeWidth to pouring glass animation

New Kits

Introduced SpinKitPouringHourGlassRefined

Introduced SpinKitSpinningLines

Introduced SpinKitPianoWave

Introduced SpinKitDancingSquare

Introduced SpinKitThreeInOut

Kudos to

thanapatk

payam-zahedi

martiliones

vanshg395

xyzbilal

ened

Source code(tar.gz)
Source code(zip)
v5.0.0(Mar 4, 2021)
Migrate to null safety

Source code(tar.gz)
Source code(zip)
v4.1.2(Feb 21, 2020)
Introduced new itemCount property to SpinKitWave. Pr #71 by @payam-zahedi

Fixed broken calculations that made certain animations behave weirdly

Source code(tar.gz)
Source code(zip)
v4.1.1(Dec 14, 2019)
Utilize native flutter auto-reverse feature for AnimationController

Source code(tar.gz)
Source code(zip)
v4.1.0(Nov 30, 2019)
Introduces a new SpinKit [SpinKitSquareCircle]

Introduces const SpinKits

Improve code quality across all spinners

Before

final spinkit = SpinKitSquareCircle(color: Colors.white, size: 50.0);

Now, all SpinKits can be initialized as consts

const spinkit = SpinKitSquareCircle(color: Colors.white, size: 50.0);

Awesome #61 PR by @Abhishek0706
Source code(tar.gz)
Source code(zip)
v4.0.0(Aug 17, 2019)

This release introduces injectable AnimationController to allow for fine-grain control from anywhere. Enjoy!
Source code(tar.gz)
Source code(zip)
v3.1.0(Dec 28, 2018)
fix: state disposed before ticker #46

feat: duration parameter. #43

Source code(tar.gz)
Source code(zip)

v3.0.0(Nov 4, 2018)

Before

SpinKitFadingCircle(
 color: Colors.white,
 size: 50.0,
);

Now, there is an itemBuilder alternative

SpinKitFadingCircle(
 itemBuilder: (_, int index) {
   return DecoratedBox(
     decoration: BoxDecoration(
       color: index.isEven ? Colors.red : Colors.green,
     ),
   );
 },
);

Which produces

Source code(tar.gz)
Source code(zip)

v2.1.0(Aug 31, 2018)

Awesome #38 PR by @ukasz123
Source code(tar.gz)
Source code(zip)
v2.0.1(Jul 31, 2018)

Awesome work by @CaiJingLong on PR #35 ⏳✅
Source code(tar.gz)
Source code(zip)
v2.0.0(Jul 19, 2018)
feat: spinning circle (#25)

feat : HourGlass (#26)

feat : Dual Ring (#27)

feat : Ripple (#28)

feat : Fading Grid (#30)

feat: Ring (#31)

Source code(tar.gz)
Source code(zip)
v1.1.0(Jul 5, 2018)
Pumping heart

Source code(tar.gz)
Source code(zip)
v1.0.0(Jul 5, 2018)

Source code(tar.gz)
Source code(zip)