@momo-kits/swipe 0.0.62-alpha.13 → 0.0.62-alpha.18

package/SwipeAction.js

@@ -30,6 +30,7 @@ const MAX_VELOCITY_CONTRIBUTION = 5;
 const SCROLL_LOCK_MILLISECONDS = 300;
 const SCREEN_WIDTH = Dimensions.get('window').width;
 const WIDTH_HIDDEN_RIGHT = 190;
+
 class SwipeAction extends Component {
     constructor(props) {
         super(props);
@@ -52,13 +53,13 @@ class SwipeAction extends Component {
             isRightActionVisible: false,
             leftOpenValue: 0,
             rightOpenValue: 0,
+            stopLeftSwipe: SCREEN_WIDTH,
+            stopRightSwipe: -SCREEN_WIDTH,
         };
         const { leftAction, rightAction } = this.props;
         const buttonCellWidth = WIDTH_HIDDEN_RIGHT / 2;
         // leftAction ? this.leftOpenValue = leftAction.length * buttonCellWidth : 0;
         // rightAction ? this.rightOpenValue = -rightAction.length * buttonCellWidth : 0;
-        this.stopLeftSwipe = SCREEN_WIDTH;
-        this.stopRightSwipe = -SCREEN_WIDTH;
         this._translateX = new Animated.Value(0);
         if (this.props.onSwipeValueChange) {
             this._translateX.addListener(({ value }) => {
@@ -251,11 +252,14 @@ class SwipeAction extends Component {
                 newDX = 0;
             }
 
-            if (this.stopLeftSwipe && newDX > this.stopLeftSwipe) {
-                newDX = this.stopLeftSwipe;
+            if (this.state.stopLeftSwipe && newDX > this.state.stopLeftSwipe) {
+                newDX = this.state.stopLeftSwipe;
             }
-            if (this.stopRightSwipe && newDX < this.stopRightSwipe) {
-                newDX = this.stopRightSwipe;
+            if (
+                this.state.stopRightSwipe &&
+                newDX < this.state.stopRightSwipe
+            ) {
+                newDX = this.state.stopRightSwipe;
             }
 
             // set action buttons visibility
@@ -476,12 +480,14 @@ class SwipeAction extends Component {
     onLeftActionLayout = ({ nativeEvent }) => {
         this.setState({
             leftOpenValue: nativeEvent.layout.width,
+            stopLeftSwipe: nativeEvent.layout.width,
         });
     };
 
     onRightActionLayout = ({ nativeEvent }) => {
         this.setState({
             rightOpenValue: -nativeEvent.layout.width,
+            stopRightSwipe: -nativeEvent.layout.width,
         });
     };
 
@@ -492,6 +498,7 @@ class SwipeAction extends Component {
             ...styles.standaloneRowBack,
             ...{ backgroundColor: actionBackground },
         };
+        console.log(this.state.stopLeftSwipe);
         return (
             <View style={hiddenRowStyle}>
                 {this.state.isLeftActionVisible && (
@@ -554,7 +561,11 @@ class SwipeAction extends Component {
         if (renderRightAction) {
             return (
                 <View key={item + index}>
-                    {renderRightAction({ item, index, rowIndex })}
+                    {renderRightAction({
+                        item,
+                        index,
+                        rowIndex,
+                    })}
                 </View>
             );
         }
@@ -580,7 +591,11 @@ class SwipeAction extends Component {
         if (renderLeftAction) {
             return (
                 <View key={item + index}>
-                    {renderLeftAction({ item, index, rowIndex })}
+                    {renderLeftAction({
+                        item,
+                        index,
+                        rowIndex,
+                    })}
                 </View>
             );
         }