修复Toast出现时，阻止界面交互的问题

Author: yongqian

README.md

@@ -27,7 +27,14 @@ react-native项目中通用的浮层组件
 		  contentTextStyle: {}
 		})
 		...
-		RRCAlert.alert(title, content, buttons, callback);
+		
+		cosnt buttons = [
+			{ text: 'ok', style: { color: '#fd521d', fontWeight: 'bold' } }
+		]
+		const callback = (index)=>{
+			console.log(`you click button with index ${index}`);
+		}
+		RRCAlert.alert('title', 'content', buttons, callback);
 
 * **`setAlertOptions` options**
 

src/RRCToast.js

@@ -43,7 +43,7 @@ export default class OverlayToast {
         const toastViewBackgroundColor =  ToastOptions.toastViewStyle && ToastOptions.toastViewStyle.backgroundColor ? ToastOptions.toastViewStyle.backgroundColor : 'rgba(0,0,0,0.8)';
         const withIcon = ToastOptions.toastIcons && ToastOptions.toastIcons.length > 0 && type != null && type >= 0 && type < ToastOptions.toastIcons.length;
         const toastView = (
-            <View style={{ width, height, left: 0, right: 0, top: 0, bottom: 0, backgroundColor: toastBackgroundColor, justifyContent: 'center', alignItems: 'center' }}>
+            <View pointerEvents={'box-none'} style={{ width, height, left: 0, right: 0, top: 0, bottom: 0, backgroundColor: toastBackgroundColor, justifyContent: 'center', alignItems: 'center' }}>
                 <View style={[{
                         justifyContent: 'center',
                         alignItems: 'center',

src/RRCTopView.js

@@ -267,7 +267,7 @@ export default class RRCTopView extends Component {
                 </Animated.View>
                 {
                     elements.length > 0 || toastElements.length > 0 ?
-                        <View style={styles.overlayContainer}>
+                        <View style={styles.overlayContainer} pointerEvents={'box-none'} >
                             {
                                 elements.map((item, index) => {
                                     // 同一时刻只加载elements中最后一个element
@@ -287,7 +287,7 @@ export default class RRCTopView extends Component {
                                     // 同一时刻只加载elements中最后一个element
                                     if (index == toastElements.length - 1) {
                                         return (
-                                            <View key={'RRCTopView_Toast' + item.key} style={styles.overlay} >
+                                            <View key={'RRCTopView_Toast' + item.key} style={styles.overlay} pointerEvents={'box-none'} >
                                                 {item.element}
                                             </View>
                                         );
@@ -297,7 +297,7 @@ export default class RRCTopView extends Component {
                                 })
                             }
                         </View>
-                        : null
+                    : null
                 }
             </View>
         );