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
0 answers
how can we reconfigure modals using react-native-modalfy separately?
how can we reconfigure modals using react-native-modalfy separately?
like in App.tsx i have configured modal like this below.
I want to change position and animation style for DemoModal2.
import { createModalStack } from…
Amit chakraborty
- 1
- 1
0
votes
1 answer
Why does opening modal freeze entire app on Android?
Whenever I try to display a Modal from https://github.com/react-native-modal/react-native-modal, it will freeze the app when displayed only when running on an Android device (both physical and emulator). Any buttons or input controls are unable to…
pfinferno
- 1,779
- 3
- 34
- 62
0
votes
1 answer
Pass the data to the react native modal
is anyone able to help pass the data to the modal? The .map function returns the month names from the data [] array (needed for the slider), and I'd like to display that particular one in a modal view as well.
Current view:
and…
jkovakuis
- 35
- 3
0
votes
0 answers
Rendering screen with modals takes long time
I'm developing an application, and one screen in the app has many modals (let say 7-8 modals) which is used to show up information or enter data. The issue is, when I navigate to this screen, it's always take a long time (2-3 seconds) to render the…
0
votes
1 answer
React Native - Modal in Custom Component not showing
I am new to React Native and currently learning on developing a chat app.
I have a Modal that contain Rating UI
Working with these approach
ChatScreen.js
RatingModal.js
Teo
- 876
- 9
- 22
0
votes
1 answer
@gorhom bottom sheet as a separate component
Is it possible to create a separate modal component that will be reused with different content on different screens?
I created a bottom sheet in a main index.js component and I can pass different content into the BottomSheet as an example…
Alba
- 109
- 8
0
votes
1 answer
React Native Modal background doesn't work properly
Im using react-native-modal
This was my modal
import Modal from 'react-native-modal';
..
....
..
NiB
- 801
- 1
- 9
- 26
0
votes
2 answers
React Native - Using Props for Modal
I am trying to use modal on my application but I want to separated into different classes as App.js and /components/modal. The problem I encountered is I couldn't pass the props properly. Here is my codes.
I imported modal.
import InfoModal from…
nogabemist
- 402
- 5
- 29
0
votes
0 answers
Margin at the bottom of react native modal
Even if margin is 0 I am getting a margin at bottom of react native modal please help me fix this
code :
setImageModal(false)} onBackDropPress={()=> setImageModal(false)}…
Heavell
- 1
- 1
0
votes
3 answers
Interacting with content behind a React Native
I want to show a Modal in a React Native app but still be able to interact with content behind the modal with press and pan events. Is this possible?
It seems to block all events with content behind it which is problematic for the type of app I'm…
Maros
- 1,825
- 4
- 25
- 56
0
votes
1 answer
React Native - Modal - Dynamic Max Height
I'm using a modal within a view - which contains a form. The form is longer than the viewport - so, the content is taking up the height of the page and scrolling out of view.
Can anyone advise on the best approach for dynamic height?
currently i'm…
Dancer
- 17,035
- 38
- 129
- 206
0
votes
1 answer
React (react-native-modalize) not working with flatListProps object
Is anyone using react-native-modalize module?
react-native-modalize module, when i render code on flatListProps object its showing the error below!!
Here is the example as well https://jeremybarbet.github.io/react-native-modalize/#/EXAMPLES
import…
egzonmustafa
- 115
- 5
- 13
0
votes
2 answers
React native opening modal wont pressed header back button
I make loading component with modal base and Loading component waiting for api calls, when there is no answer from api call I want to users press to header back button and they can continue other screen problem is modal is opening and can't pressed…
Alisan26
- 323
- 2
- 12
0
votes
1 answer
Close modal when clicked outside of in react native
I am making an application in react native. Here I am able to open Modal at a click and also able to close the modal when clicked inside of the Modal. But I also want to close the Modal when clicked outside of it.
Below is my code:
import React, {…
pratteek shaurya
- 850
- 2
- 12
- 34
0
votes
1 answer
calling modal from another component in react native wont open modal
I am trying to open a modal from another component.
this is in my parent component:
const [modalVisible, setModalVisible] = useState(false);
{
setModalVisible(true);
}}
>
S. N
- 3,456
- 12
- 42
- 65