Skip to content

BottomSheet

Ivan Galkin edited this page Jan 1, 2024 · 1 revision

FPCActionBottomSheet

Action bottom sheet component for selecting a specific action, decomposed by platform.
Example of using a component:

FPCActionBottomSheet(
  items: [
    FPCActionBottomSheetItem(
      title: "First Action",
      onPressed: () {},
    ),
    FPCActionBottomSheetItem(
      title: "Second Action",
      onPressed: () {},
    ),
  ],
),
iOS (Cupertino) Android (Material)

FPCExpandedBottomSheet

Expanded modal scaffold component to display large bottom sheet content.
Example of using a component:

const FPCExpandedBottomSheet(
  body: Child(),
),
iOS (Cupertino) Android (Material)

FPCBlackAlwaysExpandedBottomSheet

Ready-made components contains expanded bottom sheet with always black background.
Example of using a component:

const FPCBlackAlwaysExpandedBottomSheet(
  body: Child(),
),
iOS (Cupertino) Android (Material)

FPCBlurExpandedBottomSheet

Expanded bottom sheet scaffold component to display large bottom sheet content with blur app bar.
Example of using a component:

const FPCBlurExpandedBottomSheet(
  body: Child(),
),
iOS (Cupertino) Android (Material)

FPCBlurBlackAlwaysExpandedBottomSheet

Ready-made components contains expanded bottom sheet with always black background with blur app bar.
Example of using a component:

const FPCBlurBlackAlwaysExpandedBottomSheet(
  body: Child(),
),
iOS (Cupertino) Android (Material)

FPCSmallBottomSheet

Small bottom sheet window component to display small content.
Example of using a component:

const FPCSmallBottomSheet(
  body: Child(),
),
iOS (Cupertino) Android (Material)
Clone this wiki locally