Basic usage

Import ActionSheet in your project.

import ActionSheet, { ActionSheetRef } from "react-native-actions-sheet";

Then create your ActionSheet inside any component and attach a ref to it.

function App() {
  const actionSheetRef = useRef<ActionSheetRef>(null);
 
  return (
    <ActionSheet gestureEnabled ref={actionSheetRef}>
      <Text>Hi, I am here.</Text>
    </ActionSheet>
  );
}

Present the ActionSheet by calling show method on the ref.

actionSheetRef.current?.show();

And hide it by calling hide method on the ref.

actionSheetRef.current?.hide();

💡

While the above is fully functional it's not scalable when you have many ActionSheets in the app, it is recommended that you implement ActionSheets in your app using Sheet Manager for more scalability.

Last updated on November 5, 2025