ensure correct positioning when using border styles (fixed #22)

poberwong · Nov 2, 2018 · 27aacd3 · 27aacd3
1 parent de6066e
commit 27aacd3
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/lib/index.js b/lib/index.js
@@ -200,9 +200,24 @@ export default class extends Component {
       extrapolate: 'clamp'
     })
 
+    const circlePosition = (value) => {
+      const modifier = value ? 1 : -1
+      let position = modifier * -1
+
+      if (circleStyle && circleStyle.borderWidth) {
+        position += modifier
+      }
+
+      if (style && style.borderWidth) {
+        position += modifier
+      }
+
+      return position
+    }
+
     const interpolatedTranslateX = switchAnimation.interpolate({
       inputRange: value ? [-this.offset, -1]: [1, this.offset],
-      outputRange: value ? [-this.offset, -1]: [1, this.offset],
+      outputRange: value ? [-this.offset, circlePosition(value)]: [circlePosition(value), this.offset],
       extrapolate: 'clamp'
     })