React Native Modalfy
v3.x
v3.x
  • Getting started
  • Installation
  • 🤓Guides
    • Creating a stack
    • Opening & closing
    • Passing params
    • Triggering a callback
    • Type checking with TypeScript
    • Subscribing to events
    • Using outside React
    • Upgrading from v2.x
  • 📚API Reference
    • Types
      • ModalStackConfig
      • ModalOptions
      • ModalProp
      • ModalComponentProp
      • ModalProps
      • ModalComponentWithOptions
    • ModalProvider
    • createModalStack
    • useModal
    • withModal
    • modalfy
  • 📰Blog
    • Unveiling Modalfy v3
    • Announcing Modalfy v2
    • Stacks on stacks in React Native
    • Introducing a Modal Citizen
  • 🗃️Others
    • Help
    • Contributing
    • Changelog
    • GitHub
Powered by GitBook
On this page
  • Bare React Native projects
  • Expo managed projects

Was this helpful?

Installation

PreviousGetting startedNextCreating a stack

Last updated 4 months ago

Was this helpful?

Bare React Native projects

1. Install the react-native-modalfy package.

yarn add react-native-modalfy
npm install --save react-native-modalfy

2. Then you'll need to install and link to your project.

3. Wrap your app entry point into from .

That's it! No further action is required!

Now you can move on to actually using the library through the modal stack.

Expo managed projects

If you're using Expo, on top of , you'll only need to run this single command from the root of your project:

npx expo install react-native-modalfy react-native-gesture-handler
react-native-gesture-handler
<GestureHandlerRootView />
react-native-gesture-handler
setting up <GestureHandlerRootView />