fix: ActionSheet 实例优化，组件优化 (#206)

* 编写选项卡组件

* 类型名称请调整，添加组件文档在网站上展示

* #162修复报错

* fix:#162修复报错

* SpeedDial 悬浮标记

* 优化类型

* feat(ActionSheet): Add new component.

* fix: ActionSheet 实例优化，组件优化

Author: cuilanxin

example/examples/src/routes/ActionSheet/index.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { StyleSheet, View, } from 'react-native';
 import Layout, { Container } from '../../Layout';
-import { ActionSheet, Button, ActionSheetItem, Toast, S } from '@uiw/react-native';
+import { ActionSheet, Button, ActionSheetItem, Toast } from '@uiw/react-native';
 import { ComProps } from '../../routes';
 
 const { Header, Body, Card, Footer } = Layout;
@@ -38,11 +38,11 @@ export default class Index extends Component<IndexProps, IndexState> {
             <Button onPress={this.onOpen}>打开 ActionSheet</Button>
             <ActionSheet
               visible={this.state.visible}
-              // onCancel={true}
+              onCancel={true}
             >
               <ActionSheetItem onPress={() => Toast.info('你点击了按钮一', 2, 'info')}>按钮一</ActionSheetItem>
               <ActionSheetItem onPress={() => Toast.info('你点击了按钮二', 2, 'info')}>按钮二</ActionSheetItem>
-              <ActionSheetItem onPress={this.onCancel}>按钮三</ActionSheetItem>
+              <ActionSheetItem onPress={this.onCancel}>关闭</ActionSheetItem>
             </ActionSheet>
           </Body>
           <Footer />

packages/core/src/ActionSheet/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { View, Dimensions, StyleSheet, Text, TouchableOpacity, Modal, ModalProps, Animated } from 'react-native';
-import Item from './item'
 export { default as ActionSheetItem } from './item';
 
 let MainWidth = Dimensions.get('window').width;
@@ -56,16 +55,13 @@ export default class ActionSheet extends React.Component<ActionSheetProps, Actio
             })
           })
       });
-    }else {
+    } else {
       this.onClose()
     }
   }
   render() {
     const { children, visible, cancelText = '取消', onCancel, ...other } = this.props
     const { stateVisible } = this.state
-    if(!stateVisible) {
-      return null
-    }
     return (
       <Modal
         animationType="fade" // slide  none  fade
@@ -75,7 +71,7 @@ export default class ActionSheet extends React.Component<ActionSheetProps, Actio
         {...other}
       >
 
-        <TouchableOpacity activeOpacity={1} style={[styles.position, styles.spread]} onPress={()=>onCancel&&this.onClose()}>
+        <TouchableOpacity activeOpacity={1} style={[styles.position, styles.spread]} onPress={() => onCancel && this.onClose()}>
           <Animated.View style={[styles.spread, styles.backdrop]}>
           </Animated.View>
         </TouchableOpacity>