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 StatelessWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(title),
      ),
      body: CustomScrollView(
        slivers: [
          SliverMainAxisGroup(
            slivers: [
              SliverToBoxAdapter(
                child: GestureDetector(
                  onTapDown: (details) {
                    // Details will be wrong if child is partially off screen
                    print('[green] ${details.localPosition}');
                  },
                  child: SizedBox(
                    height: 600,
                    width: 300,
                    child: Container(
                      color: Colors.green.shade100,
                    ),
                  ),
                ),
              ),
              SliverToBoxAdapter(
                child: GestureDetector(
                  onTapDown: (details) {
                    // Details will be wrong if child is partially off screen
                    print('[orange] ${details.localPosition}');
                  },
                  child: SizedBox(
                    height: 600,
                    width: 300,
                    child: Container(
                      color: Colors.orange.shade100,
                    ),
                  ),
                ),
              )
            ],
          ),
          // NOT wrapped in a SliverMainAxisGroup
          SliverToBoxAdapter(
            child: GestureDetector(
              onTapDown: (details) {
                // Details will be correct, since this is _not_ wrapped in a
                // SliverMainAxisGroup.
                print('[purple] ${details.localPosition}');
              },
              child: SizedBox(
                height: 600,
                width: 300,
                child: Container(
                  color: Colors.purple.shade100,
                ),
              ),
            ),
          )
        ],
      ),
    );
  }
}