Comments (7)
If I get you right, I think it's because you didn't use the props withReactModal
, it's false by default.
from react-native-modalize.
I'll close this issue, feel free to re-open it if needed.
There are more details about it here: https://jeremybarbet.github.io/react-native-modalize/#/PROPS?id=withreactmodal
I'll add in the future examples for both react-navigation
/react-native-navigation
from react-native-modalize.
Hi @jeremybarbet,
I wanted to open a fullscreen modal that covers the whole screen but as mentioned in the docs withReactModal
props breaks on android so I implemented in this way as the discussion here.
#68
But two issues I am facing right now.
- One is the tabs as you can see I rendered Modal on top of the tabs and tried with a higher number of
zIndex
but it's still below the tabs. - I wanted to remove white space behind the green background while scrolling, As you see in the gif below, Sometimes it appears and sometimes not.
from react-native-modalize.
Hi,
As you will be able to see here https://jeremybarbet.github.io/react-native-modalize/#/PROPS?id=withreactmodal, react's modal is now working with Android thanks to a fix made in react-native-gesture-handler.
Even though, if you want to display Modalize on top of your bottom tabs you can follow also this example: https://jeremybarbet.github.io/react-native-modalize/#/EXAMPLES?id=react-navigation
from react-native-modalize.
@jeremybarbet I manage to display modal above the tabs but the problem now is some touch events do not works inside the modal, I have a react-native-video
and it has native controls inside the modal controls does not work especially play/pause.
from react-native-modalize.
@appify-waheed It's most likely related to this issue #52. Can you create a https://snack.expo.io that reproduce your issue?
from react-native-modalize.
@jeremybarbet Here is a snack I have placed with two video players one is inside the modal and the other is outside the modal, Controls works outside but inside not.
https://snack.expo.io/@waheed25/ashamed-tea
Also, I have felt sometimes a problem while closing the modal when it covers the full screen having scrollview
inside, When we are scrolling and then try to close the modal sometimes it closes on 3rd or 4th attempt.
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.