⌂
›
Widgets
›
CupertinoBottomSheet
CupertinoBottomSheet
CupertinoBottomSheet control. Build it with the cupertino_bottom_sheet helper.
Example
cupertino_bottom_sheet(
content: text("CupertinoBottomSheet"),
bgcolor: :surface_container_high,
open: true,
expand: true,
on_dismiss: ->(event) {}
)
Properties
adaptive— Adapts to the platform (Material/Cupertino) when true.bgcolor— Background color.content— The single child control rendered inside this control.modal— Sets the modal property.open— Whether the control (dialog/sheet/menu) is open.padding— Inner spacing between the border and the content.
Common layout and animation properties
badge— Badge drawn on the corner of the control.col— Responsive column span (1-12) per breakpoint.data— Arbitrary value you can attach to the control and read back in handlers.disabled— Disables interaction when true.expand— Fills the available space along the parent's main axis when true.expand_loose— Like expand, but only grows up to the child's natural size.height— Fixed height in logical pixels.key— Stable identity used to preserve state across rebuilds.opacity— Opacity from 0.0 (transparent) to 1.0 (opaque).rtl— Renders right-to-left when true.tooltip— Text shown on hover/long-press.visible— Hides the control when false.
Events
on_dismiss— Fired when the control is dismissed.
Reference
- Family:
cupertinos - Widget type:
cupertinobottomsheet - Helpers:
cupertino_bottom_sheet,cupertinobottomsheet