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
1 answer
React Native Modal Positioning
I'm using the Modal built into React Native (and specifically I'm using the React Native Paper variant). By default this seems to open in the middle of the screen. However if you're doing some text input in the Modal then it would be more useful if…
RiddleRiddlerRddler
- 303
- 3
- 17
1
vote
1 answer
FlatList/ScrollView doesn't scroll between Touchables
I have a FlatList that contains Touchables as its renderItems. For some reason, unless you start the scroll on one of the touchables, then the scroll doesn't work. That is, if I click the space between items (the padding/margin) and try to scroll,…
Qrow Saki
- 932
- 8
- 19
1
vote
1 answer
Using react-native-gesture-handler (RNGH) inside a modal with wix/react-native-navigation
I'm trying to use RNGH components like TouchableOpacity inside a react-native-modal combined with wix/react-native-navigation. It doesn't work. When I tap it, no interaction happened.
Importing TouchableOpacity from react-native seems to be working.…
Ardika Rifqi
- 11
- 1
- 2
1
vote
0 answers
How can you make a movable frame over the content with React Native, while making it possible to click the content around it?
I'm looking for a solution, if possible a library or a custom component, for React Native, without Expo.
I need to create a video frame that is movable in the screen, up and down, and cover the content. I also need to make it possible to click on…
Xiiryo
- 3,021
- 5
- 31
- 48
1
vote
0 answers
Scroll content outside of the modal
I am using react-native-modal which only takes up part of the screen at the bottom I need to be able to scroll content outside of the modal. But all my clicks are on the backdrop of the modal window. Is there a way to do this?
never_give_up
- 664
- 1
- 5
- 11
1
vote
2 answers
How can i show web page in a modal using react native WebView?
i want to show the web page in a modal, I am using this line of code but it is showing me blank modal.
Bilal Yaqoob
- 790
- 1
- 10
- 22
1
vote
1 answer
React Native Modal visible prop does nothing
Hello I am trying to put a simple react native modal in my react native app (running it on expo) but it is always visible. When I set the visible prop to false, it still displays. The relevant code is below:
Main Component
import React, {Component}…
I_am_learning_now
- 320
- 2
- 13
1
vote
1 answer
How to implement modal swipe to down like instagram?
I'm currently working on an React Native project. I need to implement a feature similar to "Swipe Down To close Modal" on Instagram
Paresh Chavda
- 340
- 1
- 4
- 11
1
vote
2 answers
Multiple item data. Show the data as clicked in the dynamically modal with react-native
FOOD> PIZZA> clicking on any pizza opens a modal. I want to show the information of the pizza clicked in this modal. I looked at many similar examples but I could not get out of it. So I need help. I add some parts of the code below. At the same…
Ibrahim Yolbir
- 139
- 2
- 14
1
vote
0 answers
Dialog box is not closing
I am working on displaying a dropdown list in a dialog box using react-native-modals. After selecting an item from the dropdown list, the dialog box is closing automatically and displays data of the selected item on a screen but some items in a…
Iffat
- 1,606
- 4
- 19
- 33
0
votes
0 answers
Blur input field on submit on Modal not working React Native
I have an input field on a modal, but it cant blur on button click so it takes 2x tap to press the button.
I tried Keyboard.dismiss and useRef both are not working.
I also tried onSubmitEditing prop is not working either
My modal component looks…
Tom Kur
- 2,248
- 1
- 18
- 28
0
votes
1 answer
How to disable click outside of react native modal area to close modal ? Close pop up when click on CLOSE button only in React Native
When I clicked outside the modal, the pop-up was closing. Is there any way, when I click on the close button, only that should close the popup.
Instead of closing when someone clicks outside. It should close on the close button…
B.Shridhar
- 11
- 3
0
votes
0 answers
Open maps when user clicks on map icon marker
Following is my code for onpress handle
changeVisible(true)}>
This is my modal
Harsh Sharma
- 1
- 1
0
votes
1 answer
Transparent background in react native
How can I create a modal with transparent background like google assistant?
Thanks in advance for your answers.
kaankutan
- 91
- 2
- 9
0
votes
1 answer
Why do I have to click two times to open the
I made a button type to open the modal on the Home page, the modal is coming fine and closing fine when click on the overlay, the problem is when I got some page with the list inside
Reacting
- 3
- 3