adaptive_action_sheet 2.0.4 copy "adaptive_action_sheet: ^2.0.4" to clipboard
adaptive_action_sheet: ^2.0.4 copied to clipboard

A Flutter package for action bottom sheet that adapts to the platform (Android/iOS).

Adaptive action sheet #

pub package

A action bottom sheet that adapts to the platform (Android/iOS).

iOS Android
n1 n2

Getting Started #

Add the package to your pubspec.yaml:

adaptive_action_sheet: ^2.0.4
copied to clipboard

In your dart file, import the library:

import 'package:adaptive_action_sheet/adaptive_action_sheet.dart';
copied to clipboard

Instead of using a showModalBottomSheet use showAdaptiveActionSheet Widget:

showAdaptiveActionSheet(
 context: context,
 title: const Text('Title'),
 androidBorderRadius: 30,
 actions: <BottomSheetAction>[
    BottomSheetAction(title: const Text('Item 1'), onPressed: (context) {}),
    BottomSheetAction(title: const Text('Item 2'), onPressed: (context) {}),
    BottomSheetAction(title: const Text('Item 3'), onPressed: (context) {}),
 ],
 cancelAction: CancelAction(title: const Text('Cancel')),// onPressed parameter is optional by default will dismiss the ActionSheet
);
copied to clipboard

Parameters: #

showAdaptiveActionSheet:

  • actions: The Actions list that will appear on the ActionSheet. (required)
  • cancelAction: The optional cancel button that show under the actions (grouped separately on iOS).
  • title: The optional title widget that show above the actions.
  • androidBorderRadius: The android border radius (default: 30).
  • isDismissible: Specifies whether the bottom sheet will be dismissed when user taps outside of the bottom sheet. It is true by default and cannot be null.
  • useRootNavigator: Can be passed to set useRootNavigator of showCupertinoModalPopup (Default true) and useRootNavigator of showModalBottomSheet (Default false)
  • The optional backgroundColor and barrierColor can be passed in to customize the appearance and behavior of persistent material bottom sheets(Android only).

BottomSheetAction:

  • title: The primary content of the action sheet item. (required)
  • onPressed: The callback that is called when the action item is tapped. (required)
  • leading: A widget to display before the title. Typically an Icon widget. (optional)
  • trailing: A widget to display after the title. Typically an Icon or a CircleAvatar widget. (optional)

CancelAction:

  • title: The primary content of the cancel action sheet item. (required)
  • onPressed: The callback that is called when the action item is tapped. onPressed is optional by default will dismiss the Action Sheet.
122
likes
160
points
17.6k
downloads

Publisher

unverified uploader

Weekly Downloads

2024.09.15 - 2025.03.30

A Flutter package for action bottom sheet that adapts to the platform (Android/iOS).

Homepage
Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on adaptive_action_sheet