Skip to main content
Version: v2 (Reanimated v1)

Methods

These methods are accessible using the bottom sheet reference.

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

const App = () => {
const bottomSheetRef = useRef<BottomSheet>(null);

const handleClosePress = () => bottomSheetRef.current.close()

return (
<>
<Button title="Close Sheet" onPress={handleClosePress} />
<BottomSheet ref={bottomSheetRef}>
</>
)
}

snapTo

Animate the sheet to one of the provided point from snapPoints.

type snapTo = (index: number) => void;

expand

Animate the sheet to the highest provided point from snapPoints.

type expand = () => void;

collapse

Animate the sheet to the lowest provided point from snapPoints.

type collapse = () => void;

close

Close the sheet.

type close = () => void;