Fix e2e android

Use custom alert that can be displayed multiple times in quick succession

playground/src/app.js

@@ -1,5 +1,24 @@
 const { Navigation } = require('react-native-navigation');
 const { registerScreens } = require('./screens');
+const { Platform } = require('react-native');
+
+if (Platform.OS === 'android') {
+  alert = (title) => {
+    Navigation.showOverlay({
+      component: {
+        name: 'navigation.playground.alert',
+        passProps: {
+          title
+        },
+        options: {
+          overlay: {
+            interceptTouchOutside: true
+          }
+        }
+      }
+    });
+  }
+}
 
 function start() {
   registerScreens();

playground/src/screens/Alert.js

@@ -0,0 +1,52 @@
+const React = require('react');
+const { PureComponent } = require('react');
+
+const { Text, Button, View, Platform } = require('react-native');
+const { Navigation } = require('react-native-navigation');
+
+const testIDs = require('../testIDs');
+
+class Alert extends PureComponent {
+
+  render() {
+    return (
+      <View style={styles.root} key={'overlay'}>
+        <View style={styles.alert}>
+          <Text style={styles.h1} testID={testIDs.DIALOG_HEADER}>{this.props.title}</Text>
+          <View style={styles.buttonContainer}>
+            <Button title='OK' testID={testIDs.OK_BUTTON} onPress={() => this.onCLickOk()} />
+          </View>
+        </View>
+      </View>
+    );
+  }
+
+  onCLickOk() {
+    Navigation.dismissOverlay(this.props.componentId);
+  }
+}
+
+const styles = {
+  root: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1
+  },
+  alert: {
+    alignItems: 'center',
+    backgroundColor: '#efefef',
+    width: 250,
+    height: 100,
+    elevation: 4
+  },
+  buttonContainer: {
+    width: '50%',
+    alignItems: 'center'
+  },
+  h1: {
+    fontSize: 18,
+    margin: 10
+  }
+};
+
+module.exports = Alert;

playground/src/screens/index.js

@@ -17,6 +17,7 @@ const SideMenuScreen = require('./SideMenuScreen');
 const TopTabScreen = require('./TopTabScreen');
 const TopTabOptionsScreen = require('./TopTabOptionsScreen');
 const CustomTopBar = require('./CustomTopBar');
+const Alert = require('./Alert');
 
 function registerScreens() {
   Navigation.registerComponent(`navigation.playground.CustomTransitionDestination`, () => CustomTransitionDestination);
@@ -37,6 +38,7 @@ function registerScreens() {
   Navigation.registerComponent('navigation.playground.TopTabScreen', () => TopTabScreen);
   Navigation.registerComponent('navigation.playground.TopTabOptionsScreen', () => TopTabOptionsScreen);
   Navigation.registerComponent('navigation.playground.CustomTopBar', () => CustomTopBar);
+  Navigation.registerComponent('navigation.playground.alert', () => Alert);
 }
 
 module.exports = {