From 855f02e43e019ebb80c95003048a0310de80f5c6 Mon Sep 17 00:00:00 2001
From: mshavandi <mdiehsh@gmail.com>
Date: Thu, 7 Mar 2019 17:55:39 +0330
Subject: [PATCH] fix -toast hides behind modal- issue

---
 index.js | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/index.js b/index.js
index 043b55f..489690d 100755
--- a/index.js
+++ b/index.js
@@ -13,6 +13,7 @@ import {
     Animated,
     Dimensions,
     Text,
+    Modal,
     ViewPropTypes as RNViewPropTypes,
 } from 'react-native'
 
@@ -103,17 +104,19 @@ export default class Toast extends Component {
                 break;
         }
 
-        const view = this.state.isShow ?
-            <View
-                style={[styles.container, { top: pos }]}
-                pointerEvents="none"
+        const view =
+            <Modal
+                visible={this.state.isShow}
+                transparent
             >
-                <Animated.View
-                    style={[styles.content, { opacity: this.state.opacityValue }, this.props.style]}
-                >
-                    {React.isValidElement(this.state.text) ? this.state.text : <Text style={this.props.textStyle}>{this.state.text}</Text>}
-                </Animated.View>
-            </View> : null;
+                <View pointerEvents="none" style={[styles.container, { top: pos }]}>
+                    <Animated.View
+                        style={[styles.content, { opacity: this.state.opacityValue }, this.props.style]}
+                    >
+                        {React.isValidElement(this.state.text) ? this.state.text : <Text style={this.props.textStyle}>{this.state.text}</Text>}
+                    </Animated.View>
+                </View>
+            </Modal>
         return view;
     }
 }