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
  • Web support!
  • Actions callback
  • Closing animations fixes
  • And so much more...

Was this helpful?

  1. Blog

Unveiling Modalfy v3

Tuesday, February 15, 2022

PreviousmodalfyNextAnnouncing Modalfy v2

Last updated 8 months ago

Was this helpful?

Almost two years ago we released Modalfy v2. Amongst other things, the new version came with a complete rewrite to TypeScript and a brand new API that now allows you to use Modalfy outside of React.

We're back today with a new major version that brings a lot of long-requested fixes and features!

Web support!

Actions callback

openModal('ErrorModal', { message: '😅 Something went wrong...' }, () => {
  console.log('✅ Opened ErrorModal')
})
    
closeModal(undefined, () => console.log('✅ Closed latest opened modal'))

closeModals('ErrorModal', () => console.log('✅ Closed all ErrorModal'))

closeAllModals(() => console.log('✅ Closed all modals'))

Closing animations fixes

And so much more...

We hope Modalfy v3 addresses most of the issues that users have been facing with the v2 (or even v1), while allowing them to do even more now, with Web support.

This feature has been and finally, starting with Modal v3, the library supports React Native Web as well. There is a demo app for you to give it a try. Massive props here to who did a lot of the groundwork that helped assess the feature feasibility as well as identify some edge cases! We're really excited to see Modalfy allow you to target different platforms with more ease and consolidate your codebases.

Another feature that has been in the works was the ability to invoke a callback after the stack was done animating modals. Now, with Modalfy v3, each function has received a new argument where a callback can be invoked:

Modalfy v2 brought new ways to animate your modals in and out (, , , , etc). Unfortunately, in some instances, closing your modals was not triggering the expected behavior: the modal(stack) was just . These issues have been addressed in Modalfy v3. You can now expect your modals & the backdrop to animate as expected, no matter which Modalfy method you're calling.

Some of these modifications required us to make breaking changes, hence the new major version. That's why we'd suggest you go over the guide to get yourself up to date.

Give Modalfy v3 a try, if there is anything missing, not working or a feature you'd like to have: !

📰
a long time coming
available on Expo
@jakobo
for quite some time as well
Upgrading from v2.x
please let us know
modalfy()
disappearing abruptly
animationIn
animationOut
animationInConfig
animationOutConfig
Web support in action with Modalfy v3