custom_bottom_sheet 1.1.2
custom_bottom_sheet: ^1.1.2 copied to clipboard

CustomBottomSheet

Custom Bottom Sheet #

pub package

A action bottom sheet that adapts to the platform.

ImageImage
VideoPhoto

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) {
    SlideDialog.showSlideDialog(
      context: context,
      backgroundColor: Colors.white,
      pillColor: Colors.yellow,
      transitionDuration: Duration(milliseconds: 300),
      child: Text('Your code'),
    );
  }

Parameters: #

SlideDialog.showSlideDialog:

  • 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