Action Sheet #

This package extends showModalBottomSheet() to provide a material bottom sheet with actions, replicating the one seen in Google Drive.

Preview #

Unless given backgroundColor and widgetBorderColour adjust according to the Brightness defined in the current theme. The color of Icons or other widgets have to be adjusted manually.

Getting Started #

Add the package to your pubspec.yaml:

action_sheet: ^1.0.0

Import the package in your dart file:

import 'package:sheet_actions_test/action_sheet.dart';

Use showBottomActionSheet to return the bottom action sheet.

Basic Usage #

See Example.

Required Arguments:

• context: for building
• children: widgets to display as actions
• actions: function called on press

Widget build(BuildContext context) {
   return Center(
     child: ElevatedButton(
       child: Text("showBottomActionSheet"),
       onPressed: () {
         showBottomActionSheet(
           context: context,
           widgetPositioning: WidgetPositioning.mainAxis,
           children: [
             Icon(
               Icons.class_,
               color: Colors.white,
             ),
             Icon(
               Icons.folder,
               color: Colors.white,
             ),
             Icon(
               Icons.note_add,
               color: Colors.white,
             ),
           ],
           descriptions: [
             Text("Class"),
             Text("Folder"),
             Text("Note"),
           ],
           actions: [],
           titleText: Text(
             "Create New",
             style: TextStyle(fontSize: 25),
           ),
         );
       },
     ),
   );
 }

Parameters (Optional) #

• descriptions: Text() beneath actions
• descriptionsPadding
• titleText
• titlePadding
• widgetPositioning:
  • WidgetPostioning.leftBound: positions widgets in a grid from left to right
  • WidgetPositioning.mainAxis: positions widgets in a grid depending on mainAxisAlignment
• widgetBorderRadius: radius for all borders around widgets
• widgetBorderColor
• maxPerRow: maximum amount of widgets/actions in each row, unless given adjusts to number of widgets given
• widgetBorderSize: size of all borders surrounding the widgets
• widgetSplashRadius
• widgetBorderWidth
• widgetPadding
• rowGap: gap between each row
• `mainAxisAlignment
• sheetPadding
• constraints
• visualDensity
• backgroundColor
• elevation
• shape: defaults to a rectangle with rounded borders
• clipBehaviour: clips everything outside of the specified shape
• barrierColor: color of background when selected
• isSrollControlled
• useRootNavigator
• isDimissible
• enableDrag
• routeSettings
• transitionAnimationController