Skip to main content
Version: v5

Props

Bottom Sheet Modal inherits all Bottom Sheet props except for animateOnMount & containerHeight and also it introduces its own props:

Configuration

name

Modal name to help identify the modal for later on.

typedefaultrequired
stringgenerated unique keyNO

stackBehavior

Available only on v3, for now.

Defines the stack behavior when modal mounts.

  • push it will mount the modal on top of the current one.
  • switch it will minimize the current modal then mount the new one.
  • replace it will dismiss the current modal then mount the new one.
typedefaultrequired
'push' | 'switch' | 'replace''switch'NO

enableDismissOnClose

Dismiss the modal when it is closed, this will unmount the modal.

typedefaultrequired
booleantrueNO

Callbacks

onDismiss

Callback when the modal dismissed (unmounted).

type onDismiss = () => void;
typedefaultrequired
functionnullNO

Components

containerComponent

Component to be placed as a bottom sheet container, this is to place the bottom sheet at the very top layer of your application when using FullWindowOverlay from React Native Screens. read more

typedefaultrequired
React.ReactNodeundefinedNO