react-native-swipe-modal

A Modal that supports transition from all directions.

Usage

Wrap root component in SwipeModalProvider

import {SwipeModalProvider} from 'react-native-swipe-modal';

In chlid component, where modal needs to be displayed, import useSwipeModal and call its show method to show modal

import {useSwipeModal} from 'react-native-swipe-modal';

const swipeModal = useSwipeModal();

swipeModal.show({ direction: 'top', renderChild: () => { return modalContent }, });

Other params of show

SwipeModalDirection = 'top' | 'right' | 'bottom' | 'left';

• direction?: SwipeModalDirection;
• allowBackDrop?: boolean;
• autoHide?: boolean;
• duration?: number;
• renderChild: () => React.ReactElement;