import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/// Flutter code sample for [CupertinoSheetRoute].

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

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

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(
      theme: CupertinoThemeData(brightness: Brightness.light),
      title: 'Cupertino Sheet',
      home: HomePage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: const CupertinoNavigationBar(
        middle: Text('Sheet Example'),
        automaticBackgroundVisibility: false,
      ),
      child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            CupertinoButton.filled(
              onPressed: () {
                Navigator.of(context).push(
                  CupertinoSheetRoute<void>(
                    builder: (BuildContext context) => const _SheetScaffold(),
                  ),
                );
              },
              child: const Text('Open Bottom Sheet'),
            ),
          ],
        ),
      ),
    );
  }
}

class _SheetScaffold extends StatelessWidget {
  const _SheetScaffold();

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Stack(
        alignment: Alignment.bottomCenter,
        children: [
          GestureDetector(onTap: () {
            if (CupertinoSheetRoute.hasParentSheet(context)) {
              CupertinoSheetRoute.popSheet(context);
            } else {
              Navigator.pop(context);
            }
          }),
          Container(
            clipBehavior: Clip.hardEdge,
            width: double.infinity,
            decoration: BoxDecoration(
              color: Theme.of(context).cardColor,
              borderRadius: const BorderRadius.vertical(
                top: Radius.circular(12),
              ),
              boxShadow: [
                BoxShadow(
                  color: Colors.black.withAlpha(80),
                  spreadRadius: 10,
                  blurRadius: 10,
                  offset: const Offset(0, 7),
                ),
              ],
            ),
            child: const FlutterLogo(size: 200),
          ),
        ],
      ),
    );

    /*
    TODO: Scroll example
    Test with `CupertinoPageScaffold` but same result:
     
    return CupertinoPageScaffold(
      child: Scrollbar(
        thumbVisibility: true,
        trackVisibility: true,
        child: ListView.builder(
          physics: const ClampingScrollPhysics(),
          itemCount: 7,
          itemBuilder: (context, index) {
            return Container(
              color: Colors.amber,
              child: const FlutterLogo(size: 200),
            );
          },
        ),
      ),
    );
 */
    /* 
    TODO: Hero example
    return CupertinoPageScaffold(
      child: Center(
        child: GestureDetector(
          onTap: () {
            Navigator.push(
              context,
              CupertinoPageRoute(
                builder: (_) {
                  return const CupertinoPageScaffold(
                    navigationBar: CupertinoNavigationBar(
                      automaticBackgroundVisibility: false,
                    ),
                    child: SafeArea(
                      child: Align(
                        alignment: Alignment.topCenter,
                        child: Hero(
                          tag: 'test',
                          child: FlutterLogo(size: 200),
                        ),
                      ),
                    ),
                  );
                },
              ),
            );
          },
          child: const Hero(
            tag: 'test',
            child: FlutterLogo(size: 200),
          ),
        ),
      ),
    );
     */
  }
}