Skip to main content
123 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
1 answer
98 views

Is there a view/component/anything that can be used in one place in a react native app that would be placed above all the content - I need it for toast component. I tried using Portals, Root Siblings, ...
mmorosavljevic's user avatar
  • 11
0 votes
0 answers
274 views

I'm using React Native with expo-router and trying to implement a modal flow that includes multiple screens (e.g. a step-by-step form or selection process). The idea is: The modal can be opened from ...
Ben's user avatar
  • 4,120
0 votes
0 answers
104 views

I'm building a song-organizing component for my app in React Native and I'm trying to use the native Modal component. The songs are listed in a ScrollView. The app allows the user to delete songs one-...
forest's user avatar
  • 1
0 votes
1 answer
255 views

The modal is stuck at the top left of my mobile device, but not on a website. It could be Carousel contributing to the issue, as modal works on other pages. Moreover, the modal appears in the center ...
ethanworker's user avatar
  • 23
-1 votes
1 answer
53 views

I’m developing a sign-up screen in my React Native app where I’m using react-native-modal to show two different modals: A modal for email verification, which appears after the user initiates the sign-...
Тимофей Марченко's user avatar
  • 1
-1 votes
1 answer
34 views

I'm developing a React Native app where I use a search bar to perform queries and display the results in a modal that opens directly below the search bar. The workflow I'm aiming for is as follows: ...
Bondugula Aadhi's user avatar
  • 1
2 votes
0 answers
243 views

I have been trying to open a modal when the day is pressed on CalendarList on react-native-calendars. If I remove the CalendarList component, the modal is opening flawlessly. The CalendarList very ...
Rooban's user avatar
  • 197
2 votes
1 answer
383 views

The issue I'm encountering is in my React Native application where I want to display a map with markers on it (3000 markers). I would like that when I select a marker, a popup appears. Currently, I ...
ClementDecroux's user avatar
  • 21
0 votes
1 answer
89 views

Since I had to use modal in most places in the application, I wanted to gather the main structure of all of them at a certain point..When I try to do like this it works first click but If I want to ...
Coder Duck's user avatar
  • 70
0 votes
1 answer
319 views

I've found this problem in Expo in which whenever Stack.Navigator (@react-navigation/native-stack) changes the screen, from one that contains a Modal with transparent property set to true, the app ...
geritoblends's user avatar
  • 11
0 votes
1 answer
95 views

I'm trying to create a horizontally sliding modal that displays a search bar, a slider of groups, and a list of friends. The slider of groups works fine, and is a horizontally sliding FlatList, ...
Faris Khattak's user avatar
  • 1
0 votes
1 answer
502 views

I have the following situation: I have a modal in my app and, through a button placed inside it, I want to launch a confirmation prompt on top of it. This confirmation prompt (called <...
AndrewHoover898's user avatar
  • 313
2 votes
1 answer
654 views

I am using React Native's ModalDropdown component for a dropdown menu in my project. I have noticed an issue where, after selecting an option from the dropdown, all options with lower indexes ...
Camille's user avatar
  • 11
1 vote
1 answer
478 views

I have the following modal : export default class NewGameModal extends Component { constructor(props) { super(props); this.state = { playerList: [], ...
AnthonyDa's user avatar
  • 531
1 vote
0 answers
154 views

I'm working on a custom dropdown component in React Native and I've encountered an issue regarding the position of the ScrollView's scrollbar. Here is the part of the code where the issue arises: <...
BatimaReal's user avatar
  • 11
0 votes
1 answer
553 views

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 ...
B.Shridhar's user avatar
  • 11
0 votes
0 answers
59 views

Following is my code for onpress handle <TouchableOpacity style={{right: 45,}} onPress={()=>changeVisible(true)}> <Icon name="map-pin" size={20} /> </...
Harsh Sharma's user avatar
  • 1
0 votes
1 answer
994 views

How can I create a modal with transparent background like google assistant? Thanks in advance for your answers.
kaankutan's user avatar
  • 89
1 vote
1 answer
417 views

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<Modal /> ...
Reacting's user avatar
  • 139
2 votes
1 answer
520 views

I'm currently building an app using React Native and Expo. It is right at the end of prod but was running on an old version of Expo. With the new Expo SDK 48 release my version was about to be ...
JSim's user avatar
  • 177
1 vote
1 answer
2k views

When I press a TextInput that is wrapped around a TouchableOpacity tag, I can see it blinking (the touchableopacity effect), but the modal that is supposed to become visible does not appear on IOS, ...
Rasmus's user avatar
  • 93
1 vote
0 answers
101 views

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. "...
RAHUL RAJ's user avatar
  • 135
0 votes
1 answer
452 views

How to set full screen image inside Modal that supports all device screen sizes without starching image in react-native ? <Modal animationType="fade" visible={props.isOpen} onRequestClose=...
Rahul B's user avatar
  • 11
2 votes
0 answers
137 views

location of file as mention below C:\Uuuuuu\node_modules\react-native-modal\dist\modal.js here is the piece of code related to issue componentWillUnmount() { BackHandler.removeEventListener('...
RAHUL RAJ's user avatar
  • 135
0 votes
0 answers
99 views

Here is my model <View style={styles.centeredView}> <Modal animationType="slide" transparent={true} visible={...
nadun channa's user avatar
  • 79
0 votes
1 answer
281 views

Using "react-native-pager-view": "^6.1.2" package in ReactNative. I have the same bug as here. https://github.com/callstack/react-native-pager-view/issues/503 I'm trying PagerView ...
raccoon's user avatar
  • 39
2 votes
2 answers
5k views

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 ...
Ryan Wang's user avatar
  • 480
2 votes
1 answer
2k views

I am using react-native-modal library, in my project i want to implement one modal on top of another modal, it is not working on ios but perfectly works on android.. I want to use one modal at a time ...
Cookie Monster's user avatar
  • 45
1 vote
0 answers
465 views

Like the title said, If I have many modals with visible={false} from the moment user enter the screen until they exit the screen, will that affect performance comparing not having them? Will those ...
Huan Huynh's user avatar
  • 519
1 vote
1 answer
297 views

For context, what led me to this bug was trying to make it so my modal would disappear when tapping outside of the custom view inside the modal. Using react-native-modal and what you see below, I ...
Justin Priede's user avatar
  • 119
0 votes
1 answer
963 views

I want to have a scrollable (with snap points) react native navigation stack screen(presentation: "modal") in my app. I don't want anything like "react-native-modal" library or ...
mmorosavljevic's user avatar
  • 11
0 votes
1 answer
470 views

I have a FlatList like... <FlatList data={data} keyExtractor={(item, index) => index.toString()}renderItem={({item,index}) =>(<NewView id={item.id} index={index}/>) }/>Now for ...
React_Coder's user avatar
  • 427
1 vote
3 answers
7k views

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, ...
Itay Lador's user avatar
  • 375
0 votes
1 answer
6k views

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 ...
MouseWarrior's user avatar
  • 61
0 votes
1 answer
1k views

How could i open Modal from different component file using my visible prop that is passed inside isVisible with some state and button. Right now the modal is not opening. I am using react-native-modal ...
CodingProfile's user avatar
  • 189
0 votes
1 answer
510 views

I want to show some data in Modal, I need to use modal inside of tab view react-native-tab-view react-native-modal but when i add modal inside of tab view then initially modal is render every time ...
farooq alam96's user avatar
  • 57
0 votes
1 answer
2k views

I upgraded react native application to react version 17.0.1 and react-native 0.68.2. Modals are no longer visible on the iOS application beyond that point. I'm using the react-native-modal: "^13....
Pasindu Weerakoon's user avatar
  • 638
4 votes
3 answers
3k views

I have a modal screen (presentation: 'modal') and inside it I have a scrollable FlatList. The problem is that I cannot achieve spacing at the bottom together with transparent bottom safe area. I use ...
Deniss's user avatar
  • 92
2 votes
1 answer
2k views

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....
Matei Grejdan's user avatar
  • 31
2 votes
3 answers
2k views

I am using bare react-native CLI. My modal has a text input field inside. In the modal, when I open the keyboard, the buttons next to the text input are not working. They close the keyboard when ...
Muhammad Umar's user avatar
  • 210
0 votes
0 answers
462 views

Hi so I am trying to conditionally set the visibility of a modal (react-native-modal) in the useEffect function of one of my components. The issue is the modal sometimes doesn't show even though the ...
Say u's user avatar
  • 139
0 votes
1 answer
3k views

I am looking for a solution to delay RN component unmount until react-native-modal animationOut is completed. This animation is triggered by setting isVisible=false. With my current implementation the ...
dre_84w934's user avatar
  • 768
1 vote
2 answers
5k views

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-...
Amit Dutta's user avatar
  • 201
0 votes
1 answer
422 views

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 { ...
Amit chakraborty's user avatar
  • 1
1 vote
0 answers
1k views

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 ...
Mohammed Abahussain's user avatar
  • 36
1 vote
2 answers
2k views

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 ...
pfinferno's user avatar
  • 2,041
1 vote
1 answer
5k views

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 ...
Bhaskar Joshi's user avatar
  • 443
1 vote
0 answers
297 views

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 ...
Sanjay Kochrekar's user avatar
  • 177
2 votes
0 answers
344 views

I've built a running app that should display the user's running data after they have completed a run. When the runner confirms they have stopped running, they go from the "Finishing Screen" ...
shyguy189540's user avatar
  • 244
0 votes
1 answer
263 views

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 ...
jkovakuis's user avatar
  • 35

1
2 3