Skip to main content

Getting Started

Installation​

npm i react-native-multiple-modals
yarn add react-native-multiple-modals

iOS​

pod install --project-directory=ios

Usage​

ModalView is shown while it is mounted. And hidden when it is removed from the React tree. Pass onRequestDismiss to react to backdrop taps and/or the back button presses

import { ModalView } from "react-native-multiple-modals";

const YourComponent = () => {
  const [isVisible, setVisibility] = useState(false);

  return (
    <View>
      <Button text="Open modal" onPress={() => setVisibility(true)} />
      {isVisible && (
        <ModalView
          animationType="fade"
          onRequestDismiss={() => setVisibility(false)}
        >
          <YourContentView />
        </ModalView>
      )}
    </View>
  );
};

More examples​

The example app covers more scenarios