Scroll Gridview like orbit in flutter

There is no Animated grid for Flutter So, what i am trying to achieve is scroll the gridview like orbit in flutter. Like below. Tried using TweenAnimationBuilder and flutter_staggered_animations: ^1.0.0 Package. But cannot able to achieve the expected result

TweenAnimationBuilder code is

    import 'package:flutter/material.dart';
import 'dart:math' as math;

import 'package:tween_animation_check/animatedgeidView.dart';
import 'package:flutter_staggered_animations/flutter_staggered_animations.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // This is the theme of your application.
        //
        // Try running your application with "flutter run". You'll see the
        // application has a blue toolbar. Then, without quitting the app, try
        // changing the primarySwatch below to Colors.green and then invoke
        // "hot reload" (press "r" in the console where you ran "flutter run",
        // or simply save your changes to "hot reload" in a Flutter IDE).
        // Notice that the counter didn't reset back to zero; the application
        // is not restarted.
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields that affect
  // how it looks.

  // This class is the configuration for the state. It holds the values (in this
  // case the title) provided by the parent (in this case the App widget) and
  // used by the build method of the State. Fields in a Widget subclass are
  // always marked "final".

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
  int _counter = 0;
  var string = [
    0,
    1,
    2,
    3,
    4,
    5,
    6,
    7,
    8,
    9,
    10,
    11,
    12,
  ];
  _onStartScroll(ScrollMetrics metrics) {
    // if you need to do something at the start
  }

  _onUpdateScroll(ScrollMetrics metrics) {
    // do your magic here to change the value
    // if(spaceBetween == 30.0) return;
    // spaceBetween = 30.0;
    setState(() {});
  }

  _onEndScroll(ScrollMetrics metrics) {
    // do your magic here to return the value to normal
    setState(() {});
  }

  late final AnimationController rotationAnimationController =
      AnimationController(vsync: this, duration: const Duration(seconds: 2));
  ScrollController scrollController = ScrollController();

  late final AnimationController _controller = AnimationController(
    duration: const Duration(seconds: 1),
    reverseDuration: Duration(seconds: 1),
    animationBehavior: AnimationBehavior.normal,
    vsync: this,
  )..repeat(reverse: false);
  late final Animation<double> _animation = CurvedAnimation(
      parent: _controller, curve: Curves.easeIn, reverseCurve: Curves.easeIn);

  void _incrementCounter() {
    setState(() {
      // This call to setState tells the Flutter framework that something has
      // changed in this State, which causes it to rerun the build method below
      // so that the display can reflect the updated values. If we changed
      // _counter without calling setState(), then the build method would not be
      // called again, and so nothing would appear to happen.
      _counter++;
    });
  }

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    scrollController.addListener(() {
      print(scrollController.offset);
      // string.forEach((element) {
      //   //element % 2 == 0 ?

      // });
      // rotationAnimationController.animateTo(scrollController.offset, duration: Duration(seconds: 3), curve: Curves.bounceIn);
      

     // Scrollable.ensureVisible(animatedBoxKey.,curve: Curves.bounceIn, duration: Duration(seconds: 2));
    });
    //rotationAnimationController.animateTo(0.5);
  }

  @override
  Widget build(BuildContext context) {
    // This method is rerun every time setState is called, for instance as done
    // by the _incrementCounter method above.
    //
    // The Flutter framework has been optimized to make rerunning build methods
    // fast, so that you can just rebuild anything that needs updating rather
    // than having to individually change instances of widgets.
    return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),

      body: Center(
        child: GridView.count(
            crossAxisCount: 2,
            crossAxisSpacing: 70,
            mainAxisSpacing: 70,
            reverse: true,
            controller: scrollController,
            children: string.map((e) {
              //string.map((e) {
              return TweenAnimationBuilder(
                tween: Tween<double>(begin: 0.9, end: 0),
                curve: Curves.easeIn,
                duration: const Duration(seconds: 2),
                builder: ((context, value, child) {
                  return Transform.translate(
                    filterQuality: FilterQuality.low,
                    offset: e.isEven ? Offset(value * e * -500, 0.0) : Offset(value * e * 500, 0.0),
                    child: Transform.translate(
                      offset: e.isEven
                          ? Offset(0.0, value * e * -500)
                          : Offset(0.0, value * e * -500),
                      child: child,
                    ),
                  );
                }),
                child: Container(
                  child: Text(e.toString()),
                  color: Colors.red,
                  height: 50,
                ),
              );
            }).toList()),
      ),


      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

Struggling for a week. Guide me what i have done wrong here. Thanks in advance