title: Change object shape using animation in flutter
body: <p>I want to change circular shape of an object to a custom clip path using animation.</p>
  <p>Is it possible to change this shape:</p>
  <pre><code>Container(
     decoration: BoxDecoration(
     borderRadius: BorderRadius.all(Radius.circular(50.0)),
     color: Color.fromRGBO(13, 58, 94, 1)
    )
  )
  </code></pre>
  <p>to this shape:</p>
  <pre><code>child: ClipPath(
    clipper: clipper,
    child: Container(
      width: 100,
      height: 100,
      color: Color.fromRGBO(13, 58, 94, 1),
   ),
  )
  </code></pre>
  <p>where clipper is:</p>
  <pre><code>@override
    Path getClip(Size size) {
      Path path = Path();
      final double _xScaling = size.width / 50;
      final double _yScaling = size.height / 50;
      path.lineTo(41.21 * _xScaling,0 * _yScaling);
      path.cubicTo(41.21 * _xScaling,0 * _yScaling,41.21 * _xScaling,8.68 * _yScaling,41.21 * _xScaling,8.68 * _yScaling,);
      path.cubicTo(41.21 * _xScaling,8.68 * _yScaling,4.210000000000001 * _xScaling,8.68 * _yScaling,4.210000000000001 * _xScaling,8.68 * _yScaling,);
      path.cubicTo(1.8784258021338358 * _xScaling,8.658054710658401 * _yScaling,-0.00010327465861241198 * _xScaling,6.761677470237657 * _yScaling,0 * _xScaling,4.43 * _yScaling,);
      path.cubicTo(-0.004978909916987346 * _xScaling,4.3500774670713005 * _yScaling,-0.004978909916987327 * _xScaling,4.269922532928699 * _yScaling,0 * _xScaling,4.1899999999999995 * _yScaling,);
      path.cubicTo(0.18293766028633673 * _xScaling,1.8240900455755096 * _yScaling,2.1570287122131537 * _xScaling,-0.0018350300172383263 * _yScaling,4.53 * _xScaling,0 * _yScaling,);
      path.cubicTo(4.53 * _xScaling,0 * _yScaling,41.21 * _xScaling,0 * _yScaling,41.21 * _xScaling,0 * _yScaling,);
      return path;
    }
  </code></pre>
  <p>using animation?</p>
  <p>Here is the picture of the shapes</p>
  <p><a href="https://i.stack.imgur.com/r7Q7k.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r7Q7k.jpg" alt="" /></a></p>