Skip to main content
Version: v2 (Reanimated v1)

Methods

Bottom Sheet Modal inherits all Bottom Sheet methods and also it introduces its own methods.

These methods are accessible using the bottom sheet modal reference:

import React, { useRef } from 'react';
import {BottomSheetModal} from '@gorhom/bottom-sheet';

const App = () => {
const bottomSheetModalRef = useRef<BottomSheetModal>(null);

const handlePresentPress = () => bottomSheetModalRef.current.present()

return (
<>
<Button title="Present Sheet" onPress={handlePresentPress} />
<BottomSheetModal ref={bottomSheetModalRef}>
</>
)
}

present

type present = () => void;

Mount and present the modal.

dismiss

type dismiss = () => void;

Close and unmount the modal.