import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  final _scrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Transform(
        transform: Matrix4.identity()..setEntry(3, 1, -0.003),
        alignment: Alignment.bottomCenter,
        child: ListView.builder(
          controller: _scrollController,
          physics: const ClampingScrollPhysics(),
          reverse: true,
          itemBuilder: (context, index) => Container(
            color: index.isEven ? Colors.white : Colors.black12,
            alignment: Alignment.center,
            child: Text('Item $index'),
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        tooltip: 'Reset To Start of the List',
        onPressed: () => _scrollController.animateTo(
          0,
          duration: const Duration(seconds: 1),
          curve: Curves.easeInOut,
        ),
        child: const Icon(Icons.backspace_sharp),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}