custom_bottom_sheet 1.1.2
custom_bottom_sheet: ^1.1.2 copied to clipboard


Custom Bottom Sheet #

pub package

A action bottom sheet that adapts to the platform.


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'),

Parameters: #


  • 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