Custom Bottom Sheet

pub package

A action bottom sheet that adapts to the platform.

Image Image
Video Photo

Getting Started

Add the package to your pubspec.yaml:

custom_bottom_sheet: ^1.1.2

In your dart file, import the library:

import 'package:custom_bottom_sheet/custom_bottom_sheet.dart';

Instead of using a showModalBottomSheet use SlideDialog.showSlideDialog Widget:

void customBottomSheet(BuildContext context) {
    context: context,
    backgroundColor: Colors.white,
    pillColor: Colors.yellow,
    transitionDuration: Duration(milliseconds: 300),
    child: Text('Your code'),



  • pillColor: Color for the yellow label at the top of the model sheet.
  • backgroundColor: The background of everything is set SlideDialog.showSlideDialog.
  • transitionDuration: The time of the animation of the appearance and closing.
  • child: Pass here the widgets that you want to display.

Follow Me:

instagram Telegram LinkedIn GitHub