React Native : Modal does not hide when Alert appears on top of it

react-native alert
vaibhav chaturvedy picture vaibhav chaturvedy · Oct 14, 2016 · Viewed 8.6k times · Source

I noticed a strange behavior that if Modal would present itself and then on top of it, if an Alert appears, the Alert disappears very soon without user clicking anything on it and the Modal, even if removed programmatically, doesn't remove from the screen. I consider is a bug. Is there a workaround?

Answer

Slowyn picture Slowyn · Oct 14, 2016

It seems to be a trouble in React Native. I've met this issue too. The easiest way to fix it is to call alert with timeout after modal is hidden: ... setTimeout(() => Alert.alert(msg), 10); ...

Related questions

Custom alert dialog in react native?

I'm trying to create a custom alert dialog with an image background and some custom styling, but can't seem to find out how to do this using Alert or AlertIOS in react-native. Is this possible, or is there some library …

Read More
How can I insert a line break into a <Text> component in React Native?

I want to insert a new line (like \r\n, <br />) in a Text component in React Native. If I have: <text> <br /> Hi~<br /> this is a test message.<br /&…

Read More
React Native android build failed. SDK location not found

I have error when i start running android What went wrong: A problem occurred evaluating project ':app'. > SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

Read More