Multiple Alerts stacked on iOS instead of being replaced

Is this a bug report?

Yes

Have you read the Bugs section of the Contributing to React Native Guide?

yes

Environment

react-native-cli: 1.0.0 react-native: 0.43.4 (simulator screenshots) and 0.45.1 (Expo demo) node: v7.7.4 npm: 4.1.2

Then, specify:

1. Target Platform: iOS
2. Development Operating System macOS Sierra
3. Build tools Xcode (8.3)

Steps to Reproduce

Displaying successive Alerts on iOS leads to an overlay (multiple Alerts displayed, you need to click them one by one to get back to the app)

Alert.alert('title', 'lorem', [
  { text: 'cancel', onPress: () => true },
  { text: 'read', onPress: () => this.doWhatever() },
]);

Expected Behavior

On Android, if an Alert is already displayed when calling Alert.alert the new Alert replace the previous one. It should be the same on iOS since there is no way to delete / cancel alert without pressing the buttons on it.

Actual Behavior

Alerts are stacked on iOS instead of being replaced when a new one is created, both on simulator and on device, even build with a release scheme.

Reproducible Demo

I’ve setup an Expo project here: run it on iOS to reproduce the bug.

https://github.com/weassur/RNAlertBug

and a snack:

https://snack.expo.io/rynGz03N-

there are no dependencies other than to the Alert API

[Ehesp]

I always thought this was expected iOS behaviour. Agreed it’s annoying as you can’t have the same code base to handle alerts.

[alexandrzavalii]

Is there a way to close old Alert before showing the new one ?