widget_circular_animator: ^1.0.0 copied to clipboard
A pre-built Flutter circular animator, can suit your new profile view or your any other widgets.
A new Flutter widget animator inspired by this lottie animation. [https://lottiefiles.com/3619-profile]
The widget helps to animate any widget you have such as a profile or an image or anything else with a simple modern animation to help you build a better UI in your next app.
you can customize anything in this widget, inner and outer colors, icons size and animation duration to suits your applications use-case.
Supports all flutter curves animations
Now you can change the circles animations type, you can see all the supported animations here curves-animation
Change animation direction
Choose the animation direction, reverse or same direction
Add this to your package's
dependencies: widget_circular_animator: _latest_version
Now in your Dart code, you can use:
Details see pub.dev.
widget_circular_animator package itself is very simple to use, just like a common
Center( child: WidgetCircularAnimator( child: Container( decoration: BoxDecoration( shape: BoxShape.circle, color: Colors.grey), child: Icon( Icons.person_outline, color: Colors.deepOrange, size: 60, ), ), )),
See the full example circular_animator_example.
Supported animations #
This widget supports all flutter curve animations. You can see all the supported animations here https://api.flutter.dev/flutter/animation/Curves-class.html.
Widget Properties #
( required )
widget_circular_animator is mainly configured by passing a widget value to be the widget that we will surround with our animations.
Change the icons size for the inner circle
Change the icons size for the outer circle
Please use the animations class in the current library for example
Please use the animations class in the current library for example.
Change the inner circle stroke color
Change the outer circle stroke color
Change the inter circle animation duration
Change the outer circle animation duration
The whole widget width and height.
The animation direction.
If you have any suggestions or requests, please open an issue.