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;