custom_bottom_sheet

Description:

custom bottom sheet

Custom Bottom Sheet #

A action bottom sheet that adapts to the platform.









Video
Photo



Getting Started #
Add the package to your pubspec.yaml:
custom_bottom_sheet: ^1.1.2
copied to clipboard
In your dart file, import the library:
import 'package:custom_bottom_sheet/custom_bottom_sheet.dart';
copied to clipboard
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'),
);
}
copied to clipboard
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: #