react-native-modal VS react-navigation

GitHub Stars: 5k

Nor Expo Modal (https://reactnative.dev/docs/modal) or react-native-modal (https://github.com/react-native-modal/react-native-modal) let's you close the modal on swipe down on IOS, if presentationStyle=="formSheet" & presentationStyle=="pageSheet". I am on react-native version "0.64.3". Is there any fixes for this? Thanks in advance.

In this post, I’ll share some details around design decisions and mistakes I made while working on React Native Modal, a Modal component library for React Native. I hope that sharing my thoughts may help other new open-source maintainers to avoid such errors.

Author here 👋. In this blog post, I'm discussing the design decisions and mistakes I made while maintaining React Native Modal — a modal component library for React Native.

Tailwind Styles: https://github.com/vadimdemedes/tailwind-rn Storage: https://react-native-async-storage.github.io/async-storage/docs/api Navigation: https://reactnavigation.org/ Audio: https://docs.expo.io/versions/v41.0.0/sdk/audio/ Animations: https://github.com/oblador/react-native-animatable Modal: https://github.com/react-native-modal/react-native-modal Confetti: https://github.com/cdvntr/react-native-confetti Debounce: https://github.com/xnimorz/use-debounce Toast: https://github.com/calintamas/react-native-toast-message

Modal: https://github.com/react-native-modal/react-native-modal

I used React Native Modal to achieve the modal effect, and Reanimated 2 for the flip effect.

UPDATE: Looks like I'm not the only one https://github.com/react-navigation/react-navigation/issues/10988

Does this work on @react-navigation/native-stack or only @react-navigation/stack ? I know you said

React Navigation

you're more than likely going to need https://reactnavigation.org/ for pages and tabs/bottom nav.

Wow, that's A LOT, but when You do a simple setup does it just work when You just follow the reactnavigation.org docs procedure? because when I do I, First I get the error, node modules not found then after restarting my PC I get these error: FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * Where: Build file 'C:\Users\user\Documents\WORK\ENGINEERING\PROJECTS\REACT NATIVE PROJE CTS\1LEARNING\Nav1\node_modules\react-native-screens\android\build.gradle' line: 33 This is what I have on line 33: apply plugin: 'kotlin-android' * What went wrong: A problem occurred evaluating project ':react-native-screens'. > Could not initialize class org.jetbrains.kotlin.gradle.plugin.KotlinGradleBuil dServices * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output.