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
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.