How To Make Persistent Bottom Sheet in Flutter | Mobile App Development

 Persistent Bottom Sheet

Source Code

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // Remove the debug banner
      debugShowCheckedModeBanner: false,
      title: 'Bottom Sheet',
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  bool _showBottomSheet = true;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Bottom Sheet'),
      ),
      body: Container(),

      // The bottom sheet here
      bottomSheet: _showBottomSheet
          ? BottomSheet(
          elevation: 10,
          backgroundColor: Colors.amber,
          onClosing: () {
            // Do something
          },
          builder: (BuildContext ctx) => Container(
            width: double.infinity,
            height: 250,
            alignment: Alignment.center,
            child: ElevatedButton(
              child: Text(
                'Close this bottom sheet',
                style: TextStyle(color: Colors.white),
              ),
              onPressed: () {
                setState(() {
                  _showBottomSheet = false;
                });
              },
            ),
          ))
          : null,
    );
  }
}