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
0
votes
2 answers
[React-Native-Modal]: onBackButtonPress prop returns nothing
I was trying to customize my Modal with onBackButtonPress prop. To check if it worked or not, I passed a console.log to it like this:
console.log('Something')}>
But in…
Tiago
- 121
- 2
- 9
0
votes
1 answer
Place the `CROSS` outside the modal
I use react-native-modal and how can I place the CROSS outside the modal, in the corner of the backdrop? If I use absolute positioning, then the CROSS is found under the background layer.
<>
…
never_give_up
- 664
- 1
- 5
- 11
0
votes
2 answers
Custom callBack on a Modal with conditional rendering
I am building a ride sharing app to learn react-native. In order to publish a new Ride, I have a Modal which renders conditionaly on the step state and each step has a diferente UI. Like:
let screen;
if (step===1){
ecraStep=
Tiago
- 121
- 2
- 9
0
votes
0 answers
Present modal inside a screen
I'm creating an application where I'm using a MaterialBottomTabBar and in the Home Screen I've a button which are supposed to open up a .
After investigating this for quite some time I found out that I cannot present the modal when using the…
Putte
- 526
- 1
- 6
- 15
0
votes
1 answer
React Native: Modal screen is not closing with a tap
In my RN 0.62.2 app/Android emulator, I am looking for a way to close modal showing an image by just tapping the screen instead of putting up a close button. Here is what the app shall be doing:
1. an image is displayed on screen
2. clicking the…
user938363
- 9,990
- 38
- 137
- 303
0
votes
1 answer
Flatlist Item Not Clickable Inside Modal
In my react native app I have a modal
Inside this Modal I have a FlatList
Alan Murphy
- 3
- 3
0
votes
1 answer
React native call function on original component from modal
How can I call a function from the root component in a modal that is displayed over a component?
My HomePage.js calls the component as follows:
export default class HomePage extends Component {
constructor(props) {
super(props);
…
DMop
- 463
- 8
- 23
0
votes
1 answer
Image Display without onPress call
I have been able to create a gallery, though I followed a tutorial to achieve it and I changed some parameters to suit what I want. The photo gallery shows when a button is pressed, but I don't want the photos to show on button press, I want to…
Benjamin Ikwuagwu
- 377
- 1
- 9
- 28
0
votes
1 answer
change color of full Modal
I'm using a react native modal. I am trying to use a backgroundColor to fill the whole modal. However, the color is only applied to the top. Why is this so?
How can I fix this and apply the color to the whole modal view?
return (
user12541823
0
votes
1 answer
React Native: dim background of modal screen
How can I dim the background of my modal? I'm using a stack navigator with mode modal for clarity. I've managed to get the background to be transparent but not sure how to dim the background screen. Here is my stack navigator code:
import…
Luke Morrice
- 11
- 3
0
votes
1 answer
Unable to click Save button for the first time when keyboard is opened in react-native-modal
In my react-native app.. it has a Modal imported from react-native-modal. Inside Modal there is a TextInput field. When I focus into textInput , keyboard is opened by default, but After entering the Text in TextInput when I try to click Save Button,…
udaykumar
- 11
- 1
0
votes
1 answer
Modal not opens after sleep mode or inactivity in the app in react-native
I am using Modal to open the Terms in my app. Here I can open and close the modal without any issues.
But if I open the modal once and then not do anything inside the app and it goes to sleep mode. Then on the mobile, it will shows the app and I…
sejn
- 2,040
- 6
- 28
- 82
0
votes
1 answer
React native Flatlist inside modal does not show data sometime
I am trying to to data using Flatlist inside a Modal. But sometimes (Not always) data is not displayed at all. Just empty screen. I am using expo client for test. Below is my code. This render() method is actually in a custom component. So, Modal is…
muhammad800804
- 105
- 1
- 8
0
votes
1 answer
Modal with transparent background in react-native
How to implement a modal in App.js with background transparent.(It should show android screen in background rather than white background)
Ankit Kumar
- 118
- 12
0
votes
1 answer
Application wide Modal in React Native
I'm currently using react native modal and it serves the purpose of showing modals.
My problem currently is that I want to show the modal application wide. For example when a push notification received I want to invoke the modal regardless of which…
Reshan Kumarasingam
- 423
- 7
- 21