Animation - "Toss" Add to Cart Animation is available in flutter?

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  AnimationController _animationController;
double x,y;
  @override
  void initState() {
    x =0;
    y =0;
    _animationController = AnimationController(
      duration: const Duration(seconds: 5),
      vsync: this,
    );

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
 
    return Scaffold(
      body: Center(
      
          child: Container(
        child: ButtonTheme(
            buttonColor: Colors.blue,
            child: Stack(children: [
              AnimatedBuilder(
                animation: _animationController,
                child: Container(
                  child: Padding(
                    padding: const EdgeInsets.only(left: 13.0, top: 4),
                    child: RaisedButton(
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(25.0),
                        side: BorderSide(
                          color: Colors.white,
                        ),
                      ),
                      child: new Padding(
                        padding: EdgeInsets.only(bottom: 3),
                        child: new Text(
                          '1',
                          textAlign: TextAlign.center,
                        ),
                      ),
                      onPressed: () {
                        setState(() {
                          x+=100;
                          y+=100;
                          _animationController.forward();


                        });
                      },
                    ),
                  ),
                ),
                builder: (BuildContext context, Widget child) {
                  return Transform.translate(
                    offset: (Offset(x,y)),
                    child: child);
                },
              ),
            ])),
      )),
    );
  }
}

With the help of AnimationController, Stack and Transition widgets, the above animation can be done. We move the widget from one location to another by specifying the coordinates (if it possible without the coordinates that also will be fine)

How about this?

https://pub.dev/packages/flutter_sidekick

and

https://pub.dev/packages/local_hero

My keyword is 'hero' for https://pub.dev/

solution based on video that I have found there https://morioh.com/p/ecb172b5de54

class CartPage extends StatefulWidget {
     
  @override
  _CartPageState createState() => _CartPageState();
}

class _CartPageState extends State<CartPage>
    with TickerProviderStateMixin {
  late AnimationController moveController;
  late Animation moveAnimation;

  Position? fromPosition;
  GlobalKey starKey = GlobalKey();

  @override
  void initState() {
    moveController = AnimationController(
        vsync: this, duration: Duration(milliseconds: 5000));
    moveAnimation =
        CurvedAnimation(parent: moveController, curve: Curves.easeInOut);

    moveController.addStatusListener((status) {
      if (status == AnimationStatus.completed) {
        print('end of animation');
        setState(() {
          fromPosition = null;
        });
      }
    });
    super.initState();
  }

  @override
  void dispose() {
    moveController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final fromKey = GlobalKey();
    return Scaffold(
      body: SafeArea(
        child: Stack(
          children: [
            Column(
              children: [
                Expanded(child: SizedBox.shrink()),
                Container(child: Icon(Icons.weekend, key: fromKey)),
                ElevatedButton(
                    onPressed: () {
                      setState(() {
                        fromPosition = getPositionByKey(fromKey);
                      });
                      moveController.reset();
                      moveController.forward();
                    },
                    child: Text('start animation')),
              ],
            ),
            Row(
              children: [
                Spacer(),
                SizedBox(
                  height: 40,
                  width: 40,
                  child: Stack(
                    children: [
                      buildFlyWidget(),
                      Container(
                          width: 24,
                          height: 24,
                          padding: EdgeInsets.all(5),
                          child:
                              Icon(Icons.shopping_cart, color: Colors.black)),
                    ],
                  ),
                )
              ],
            ),
          ],
        ),
      ),
    );
  }

  Widget buildFlyWidget() {
    if (fromPosition == null) {
      return SizedBox.shrink();
    }
    return Container(
      key: starKey,
      height: 24,
      width: 24,
      child: AnimatedBuilder(
        animation: moveAnimation,
        builder: (context, child) {
          Position currentPosition;
          double x = 0, y = 0;
          if (starKey.currentContext?.findRenderObject() != null) {
            currentPosition = getPositionByKey(starKey);
            x = fromPosition!.x - currentPosition.x;
            y = fromPosition!.y - currentPosition.y;
          }
          if (x == 0) return Container();
          return Transform.translate(
            offset: Offset(
                x * (1 - moveAnimation.value), y * (1 - moveAnimation.value)),
            child: Opacity(
              opacity: fromPosition == null ? 0.0 : 1.0,
              child: Icon(Icons.weekend_outlined, color: Colors.black),
            ),
          );
        },
      ),
    );
  }
}

Position getPositionByKey(GlobalKey key) {
  final renderObject = key.currentContext!.findRenderObject()!;
  var translation = renderObject.getTransformTo(null).getTranslation();
  final rect =
      renderObject.paintBounds.shift(Offset(translation.x, translation.y));
  return Position(rect.left, rect.top, rect.size);
}

class Position {
  double x;
  double y;
  Size size;

  Position(this.x, this.y, this.size);
}