Comments (2)
Hey!
Thank you for the interest in this package. I created an example repository using react-navigation: https://github.com/jeremybarbet/react-navigation-with-modalize. It's definitely not perfect but it will show you roughly the steps to set it up correctly.
The important steps are:
-
Step 1 Defining the modal in the stack navigator: https://github.com/jeremybarbet/react-navigation-with-modalize/blob/master/navigation/MainTabNavigator.js#L10-L25
-
Step 2 Opening the modal from the home screen: https://github.com/jeremybarbet/react-navigation-with-modalize/blob/master/screens/HomeScreen.js#L11
-
Step 3 Handling open and close even with Modalize: https://github.com/jeremybarbet/react-navigation-with-modalize/blob/master/screens/ModalScreen.js#L14-L28
Couple of things would need to be improve. There is a delay to close the modal with the goBack
method from react-navigation (Step 3), also if you use a bottomNavigation, the modal doesn't go on top of it. I probably set it at the wrong place and the modal would need to be move to the root (Step 1).
I'm not used to use react-navigation, so I would need to spend a bit more time to make it perfect. Even though, it would be really interesting to have this example in this repository under react-navigation-example
, I guess. So if you have time and want to contribute, feel free to open a pull request.
Hope it will helps you!
from react-native-modalize.
from react-native-modalize.
Related Issues (20)
- new modalize on top of previous modalize HOT 1
- TextInput with iOS hardware keyboard not working
- How to disable android back button when modalize is opened
- Determine current modal height and/or current position
- panGestureAnimatedValue doesn't change with <Modalize>.open()
- Drag event is not available when model up-down.
- Rerender "renderItem" + "keyExtractor" HOT 1
- Left hand swipe up not working
- scroll not working with HeaderComponent on android HOT 5
- how to open the modal when a success API response comes? in the then callback
- Text Flickering While Typing HOT 2
- Handle is visible above a plain view
- Modal Jumping height after opening if I'm closing it with pan gesture HOT 9
- [Error][On Android only] Open the modal and touch two fingers to close the modal HOT 2
- Error: Warning: This synthetic event is reused for performance reasons HOT 1
- Modal Size HOT 1
- how to enable gesture outside Modalize without closing it HOT 1
- React navigation Header showing on top of modal Overlay ?? HOT 1
- how to let modalize cover safeareaview in android ? HOT 1
- is this package dead ? no update since 2 years HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-modalize.