widget_circular_animator 0.1.6

A pre-built Flutter circular animator, can suit your new profile view or your any other widgets.

example/lib/main.dart

import 'package:example/Res.dart';
import 'package:flutter/material.dart';
import 'package:widget_circular_animator/widget_circular_animator.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: Center(
        //   child: WidgetCircularAnimator(
        // size: 250,
        // innerIconsSize: 3,
        // outerIconsSize: 3,
        // innerAnimation: Curves.easeInOutBack,
        // outerAnimation: Curves.easeInOutBack,
        // innerColor: Colors.deepPurple,
        // outerColor: Colors.orangeAccent,
        // innerAnimationSeconds: 10,
        // outerAnimationSeconds: 10,
        // child: FlutterAnalogClock(
        //   dateTime: DateTime.now(),
        //   dialPlateColor: Colors.white,
        //   hourHandColor: Colors.black,
        //   minuteHandColor: Colors.black,
        //   secondHandColor: Colors.black,
        //   numberColor: Colors.black,
        //   borderColor: Colors.grey,
        //   tickColor: Colors.black,
        //   centerPointColor: Colors.black,
        //   showBorder: true,
        //   showTicks: true,
        //   showMinuteHand: true,
        //   showSecondHand: true,
        //   showNumber: true,
        //   borderWidth: 8.0,
        //   hourNumberScale: .10,
        //   hourNumbers: [
        //     'I',
        //     'II',
        //     'III',
        //     'IV',
        //     'V',
        //     'VI',
        //     'VII',
        //     'VIII',
        //     'IX',
        //     'X',
        //     'XI',
        //     'XII'
        //   ],
        //   isLive: true,
        //   width: 200.0,
        //   height: 200.0,
        //   decoration: const BoxDecoration(),
        // ),
        //
        child: WidgetCircularAnimator(
          size: 250,
          innerIconsSize: 3,
          outerIconsSize: 3,
          innerAnimation: Curves.easeInOutBack,
          outerAnimation: Curves.easeInOutBack,
          innerColor: Colors.deepPurple,
          outerColor: Colors.orangeAccent,
          innerAnimationSeconds: 10,
          outerAnimationSeconds: 10,
          child: Container(
            decoration:
                BoxDecoration(shape: BoxShape.circle, color: Colors.grey[200]),
            child: Image.asset(
              Resources.person,
            ),
          ),
        ),
      )),
    );
  }
}