react-native-simple-sheet

export default function App() {
  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
      <SimpleSheetProvider>
        <MyScreen />
      </SimpleSheetProvider>
    </GestureHandlerRootView>
  );
}

export default function MyScreen() {
  const sheet = useSimpleSheet();

  return (
    <Button
      title="Open Sheet"
      onPress={() =>
        sheet.open((props) => (
          <SimpleSheet {...props}>
            <View>...</View>
          </SimpleSheet>
        ))
      }
    />
  );
}

type Result = 'CONFIRM' | 'CANCEL' | 'DISMISS';

export default function MyScreen() {
  const sheet = useSimpleSheet();

  const openSelectSheet = (): Promise<Result> => {
    return await Promise<Result>(resolve => {
      sheet.open(props => (
        <MySheet
          {...props}
          onDismiss={() => props.close(() => resolve('DISMISS'))}
          onConfirm={() => props.close(() => resolve('CONFIRM'))}
          onCancel={() => {
            // Same with props.close(() => resolve('CANCEL'))
            props.close();
            resolve('CANCEL');
          }}
        />
      ));
    });
  }

  return (
    <Button
      title="Open Sheet"
      onPress={async () => {
        const result = await openSelectSheet();
        console.log(result); // CONFIRM | CANCEL | DISMISS
      }}
    />
  );
}