Skip to main content
Version: Bleeding Edge 🚧

BottomSheet

Overlay Modal that displays content from the bottom of the screen. This opens from the bottom of the screen.

Import

import { BottomSheet } from "@rneui/themed";

Usage

Note: Make sure that you have completed Step 3 in the setup guide before using BottomSheet.

Overlay Modal that displays content from the bottom of the screen.

Props

NameTypeDefaultDescription
backdropStyleView StyleStyle of the backdrop container.
containerStyleView StyleStyle of the bottom sheet's container. Use this to change the color of the underlay.
isVisiblebooleanfalseIs the modal component shown.
modalPropsModalProps{}Additional props handed to the Modal.
onBackdropPressFunctionFunctionHandler for backdrop press.
scrollViewPropsScrollViewProps{}Used to add props to Scroll view.

Playground

Loading...