custom_bottom_sheet 1.1.2 copy "custom_bottom_sheet: ^1.1.2" to clipboard
custom_bottom_sheet: ^1.1.2 copied to clipboard

CustomBottomSheet

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) {
  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

9
likes
120
pub points
76%
popularity

Publisher

unverified uploader

CustomBottomSheet

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on custom_bottom_sheet