BottomSheet

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

Usage

Import

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

Theme Key

BottomSheet

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

Name	Type	Default	Description
backdropStyle	View Style		Style of the backdrop container.
containerStyle	View Style		Style of the bottom sheet's container. Use this to change the color of the underlay.
isVisible	boolean	false	Is the modal component shown.
modalProps	ModalProps	{}	Additional props handed to the Modal.
onBackdropPress	Function	Function	Handler for backdrop press.
scrollViewProps	ScrollViewProps	{}	Used to add props to Scroll view.

Playground

Loading...