BottomSheet

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

Import

import { BottomSheet } from '@rn-vui/themed';

Theme Key

BottomSheet

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

Name	Type	Default	Description
animationDuration	number	300	Duration of backdrop fade and sheet translate.
animationType	none | slide | fade	slide	Animation type.
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.
easing	(value: number) => number	Easing.elastic(0.7)	Easing config.
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...