1.0.4 • Published 1 year ago

react-native-swipe-modal v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

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;