An enhanced, animated and customizable react-native modal component with additional animations and styles customization options available through a plain-simple API.
Questions tagged [react-native-modal]
114 questions
1
vote
0 answers
React Native version mismatch. JavaScript version: 0.63.4 Native version: 0.71.1
React Native version mismatch.
JavaScript version: 0.63.4
Native version: 0.71.1
after upgrading the application, running smoothly but getting this error that moves the RN-app to dead zone.
"react": "18.2.0",
"react-native": "0.71.1",
RAHUL RAJ
- 91
- 4
1
vote
1 answer
How to implement drag-down-to-close a React Native Modal?
I'm trying to achieve a feature similar to Tik-Tok's Comments Feature, press a button to open up a modal containing scrollview/flatlist, and we can drag the modal to close itself.
My Goal:
I did find anything about drag-to-close in React-Native…
Ryan Wang
- 418
- 7
- 23
1
vote
2 answers
React native modal datetime picker not showing up when opened
I am building my first react native app and for my app to work I need to use react-native-modal-datetime-picker. here's my code-
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View, FlatList, Image, Button, Pressable,…
Itay Lador
- 313
- 1
- 10
1
vote
1 answer
How to display the calendar using modal datetime picker
I am using the react-native-modal-datetime-picker library and I am trying to use the display prop to display the calendar. If you look at my reproducible example found on snack expo here, you can see the issue I am having. I have also posted the…
MouseWarrior
- 391
- 4
- 19
1
vote
1 answer
How can I make the android navigation bar transparent when React Native Modal is shown?
I use React Native CLI. With Alert, the full screen of the app is covered and the navigation bar becomes transparent. However this does not happen with a Modal, which does not cover the navigation bar. (and it looks a bit bad). I don't understand…
Matei Grejdan
- 11
- 1
- 2
1
vote
2 answers
React native modal vs react-navigation modal, which is more performant?
As of now, I am using React native modal right now. My modal contains some lightweight animation inside it. Now some questions are poking for a while. Should I use react native Modal, which is built-in, or Should I use react-navigation full screen…
Amit Dutta
- 171
- 1
- 8
1
vote
0 answers
Scrollview with react-native-modals is not working properly on IOS
I have an issue with scroll view inside Swipe model using react-native-modals. The problem is in Android the scrolling is smooth and working perfectly. However, with iOS scrolling is with short amount only it scrolls for tiny amount then it stops…
Mohammed Abahussain
- 36
- 5
1
vote
1 answer
Touchable opacity OnPress not working in React native
TouchableOpacity onPress is not working inside Flatlist but when I replaced onPress with onPressIn/onPressOut it is working fine, but in that case the reaction is too fast and having issue while scrolling. I don''t know what it is happening and…
Bhaskar Joshi
- 413
- 7
- 18
1
vote
0 answers
Why modal in FlatList item does not display in full screen(IOS only)?
I'm trying to build app using react-native. I'm using Flatlist to display items. When user clicks on more options(dots), Dropdown appears. When user click on any dropdown item Popup is displayed in fullscreen. It works fine in Android but in IOS it…
Sanjay Kochrekar
- 167
- 12
1
vote
1 answer
Is there a way to be able to interact with the background components when Modal is visible?
as the title states, I am attempting to implement a modal in such way that it only takes up some part of the screen so as to allow the user to be able to interact with some of the background components. For reference I am using the…
Sankomil
- 55
- 1
- 7
1
vote
1 answer
react-native modal not taking the full screen of the device
I have a modal where I want it to take the full screen of the device when oppened.
But it's shifting to the right and not taking the full screen. Here how it look:
SDB_1998
- 305
- 5
- 18
1
vote
0 answers
How to make drag to expand & resize animated view in React Native
Need a drag to expand and resize the view like in the photo
Tried many react native libraries like react-native-draggable-view & react-native-modalize but could not found a suitable solution.
This GIF is picked from the GoJek app.
Girraj Sharma
- 19
- 6
1
vote
0 answers
Button handler function stuck in Modal responding to user click
In my react native 0.64 app, Modal is used to handle an user input on Android. An useEffect hook is executed and check the availability of a few parameters. If a key is missing, then a modal will be activated and take input from user, or generate…
user938363
- 9,990
- 38
- 137
- 303
1
vote
1 answer
React native modal does not behave as expected
I am new to React native. I am using one package called @react-native-community/datetimepicker. I have one button and inside the button I have create one Modal. when user will click the button it will open the modal. My logic works fine but the…
Krisna
- 2,854
- 2
- 24
- 66
1
vote
1 answer
React Native close Modal that is opened by different component
Hello I am fairly new to React Native and am currently having an issue with my modal component. My modal component has two props, gameData and isModalVisible. In Home.js modal prop isModalVisible has the value of a state variable isVisible that gets…
Jeremy Brooks
- 49
- 1
- 9