Stack Overflow
Stack Overflow

Questions tagged [react-native-modal]

An enhanced, animated and customizable react-native modal component with additional animations and styles customization options available through a plain-simple API.

114 questions
18
votes
3 answers

Swipeable React-native-modal with nested ScrollView

I'm using the latest release of react-native-modal that implement the swipe feature I'd like to add a ScrollView inside my modal. Here's what i've done so far https://snack.expo.io/ryRylJFHz
Louis Lecocq
  • 1,764
  • 3
  • 17
  • 38
13
votes
4 answers

How to open half modal in react native?

I am creating a react native app and I used a react-native modal component to open a modal and I am able to open a full modal with the following code. I have mentioned my code samples below. Now I wanted to open a half modal. This is what I…
Sidath
  • 379
  • 1
  • 9
  • 25
9
votes
1 answer

Navigation inside react-native-modal

I have an app with bottom tab navigation (in case it's important) and sometimes user can open a modal (react-native-modal). There are buttons in the modal and I want to implement navigation inside the modal so that when the user presses one of the…
Christine H.
  • 143
  • 2
  • 7
8
votes
3 answers

React Native app mysteriously freezes after dismissing a modal or action sheet

I'm experiencing an issue where every time I dismiss a modal, action sheet, or Alert in our React Native app, the app completely freezes and can't be interacted with. Navigating to a new stack or clicking buttons doesn't repro. I have to kill the…
Freewalker
  • 6,329
  • 4
  • 51
  • 70
8
votes
1 answer

Persist keyboard when showing a React Native modal

I want to show a modal when the user taps a button, without dismissing the keyboard. Unfortunately, the keyboard is dismissed as soon as the modal appears. Minimum repro case: import * as React from "react"; import { Button, Modal, Text, TextInput,…
Ryan Pergent
  • 4,432
  • 3
  • 36
  • 78
5
votes
2 answers

React native paper TextInput in Modal, cursor flashes backwards after a character is input

Some odd behaviour on a TextInput on a Modal in React Native Paper. When I type a character, it is input into the text box, but then the cursor flashes back (as if it is deleted) and then it reappears again. This all happens very quickly and the…
RiddleRiddlerRddler
  • 303
  • 3
  • 17
4
votes
1 answer

react native modal time delay and jerky animation

I'm trying to build a react native screen that has a left-right carousel, in the each panel of the carousel there is a vertical flatlist with a list of items. At most there are 8-10 carousel panels and between 5-30 items in the flat vertical…
pinman
  • 93
  • 1
  • 3
  • 13
3
votes
1 answer

Adding a UI element such as a button on fixed position on react native modal

I am having difficulty in placing any UI element with fixed position(float) over a react native modal where modal content exceeds the screen hight. A similar issue happens with flash message/snack bar etc. They are rendered at the top/bottom of the…
int-i
  • 661
  • 1
  • 12
  • 28
3
votes
1 answer

Change minute increment on react-native-modal-datetime-picker

I am using react-native-modal-datetime-picker for a time picker. I want to change the minute interval to be 15 minutes instead of 1 minute. Is this possible? Thanks!
user13932371
3
votes
1 answer

Prevent keyboard dismiss React Native inside Modal

I have a textinput at the bottom of a screen, that expands into a larger section with some options when pressed. bottomHeight and height are increased when the keyboard opens. When one of these pre-defined tags in the extra container is pressed, I…
Dazzle
  • 2,880
  • 3
  • 25
  • 52
3
votes
1 answer

Press on textinput hides modal react-native-modal

I am rendering Flatlist which render list of items each item have button and modal inside it when the button pressed the modal shall open, each modal have some text inputs inside it so the hierarchy is as the following…
Hazem Khairy Mohamed
  • 63
  • 1
  • 7
3
votes
2 answers

react native: modal always visible

I know there is a question about this topic, however that didn't fix my issue. I want a modal to be rendered when the 'Get Started' button is pressed, but the modal always appears as this red box, instead of popping over my display. Can someone help…
DMop
  • 463
  • 8
  • 23
2
votes
1 answer

React Native Modal Error on Expo 48 Update

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 depracated so I decided to update the Expo…
JSim
  • 117
  • 5
2
votes
0 answers

when i press back button getiing this ERROR TypeError: Cannot read property 'remove' of undefined and related to react-native-modal package

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('hardwareBackPress', this.onBackButtonPress); …
RAHUL RAJ
  • 91
  • 4
2
votes
1 answer

Why does nesting my modal in a MapView turn a 1 finger gesture into 3 finger gesture?

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 achieved this goal. However, when I tried to overlay…
Justin Priede
  • 444
  • 6
  • 30
1
2 3 4 5 6 7 8