import 'package:flutter/material.dart';

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

PersistentBottomSheetController? _bottomSheetController;

class MyApp extends StatelessWidget {
  void _showSheet(BuildContext context) {
    _bottomSheetController = Scaffold.of(context).showBottomSheet<void>(
      (_) {
        return DraggableScrollableSheet(
            expand: false,
            controller: DraggableScrollableController(),
            builder: (_, scrollController) =>
                _buildSheetContent(scrollController));
      },
      enableDrag: false,
    );
  }

  Widget _buildSheetContent(ScrollController scrollController) =>
      ListView.builder(
        controller: scrollController,
        itemCount: 25,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
              title: Text('Item $index - tap to close'),
              onTap: () => _bottomSheetController?.close()
              // Same result: Navigator.of(context).pop()
              );
        },
      );

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: Colors.lightBlue,
      ),
      home: Scaffold(
        floatingActionButton: Builder(
            builder: (context) =>
                FloatingActionButton(onPressed: () => _showSheet(context))),
        body: Center(
          child: ElevatedButton(child: Text('foo'), onPressed: () {}),
        ),
      ),
    );
  }
}