fix:docs:SwipeAction

Author: ChenlingasMx

packages/core/src/SwipeAction/README.md

@@ -104,12 +104,19 @@ const styles = StyleSheet.create({
 组件继承react-native-gesture-handler[`Swipeable`](https://docs.swmansion.com/react-native-gesture-handler/docs/api/components/swipeable)
 ```tsx
 export interface SwipeActionProps {
-  right: Array<{
+  right?: Array<{
     text: string;
     color: string;
     x?: number;
-    onPress?: () => void
+    onPress?: () => void;
   }>;
+  left?: Array<{
+    text: string;
+    color: string;
+    onPress?: () => void;
+  }>;
+  // 滑动条宽度 20%
+  swipeWidth?:string | number
   enableTrackpadTwoFingerGesture?: boolean;
   friction?: number;
   leftThreshold?: number;

packages/core/src/SwipeAction/index.tsx

@@ -15,6 +15,7 @@ export interface SwipeActionProps {
     color: string;
     onPress?: () => void;
   }>;
+  swipeWidth?: string | number;
   enableTrackpadTwoFingerGesture?: boolean;
   friction?: number;
   leftThreshold?: number;
@@ -46,7 +47,7 @@ export interface SwipeActionProps {
 }
 
 const SwipeAction = (props: SwipeActionProps, ref: any) => {
-  const { children, right = [], left = [], ...others } = props;
+  const { children, right = [], left = [], swipeWidth = '20%', ...others } = props;
   const swipeableRef: React.MutableRefObject<null> = useRef(null);
 
   // 右侧滑出
@@ -62,7 +63,7 @@ const SwipeAction = (props: SwipeActionProps, ref: any) => {
         return (
           <View
             style={{
-              width: '20%',
+              width: swipeWidth,
               flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row',
             }}
           >
@@ -95,7 +96,7 @@ const SwipeAction = (props: SwipeActionProps, ref: any) => {
         return (
           <View
             style={{
-              width: '20%',
+              width: swipeWidth,
               flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row',
             }}
           >