Fix/ support RTL in segmentedControl (#1439)

* support RTL

* use isRTL from Constants

(cherry picked from commit 165faee)

Author: lidord-wix

src/components/segmentedControl/index.tsx

@@ -6,6 +6,7 @@ import {Colors, BorderRadiuses, Spacings} from '../../style';
 import {asBaseComponent} from '../../commons/new';
 import View from '../view';
 import Segment, {SegmentedControlItemProps as SegmentProps} from './segment';
+import {Constants} from 'helpers';
 
 const {interpolate: _interpolate, interpolateNode} = Reanimated;
 const interpolate = interpolateNode || _interpolate;
@@ -127,7 +128,7 @@ const SegmentedControl = (props: SegmentedControlProps) => {
 
   const animatedStyle = useMemo(() => {
     if (segmentsCounter.current === segments?.length) {
-      const left = interpolate(animatedValue.current, {
+      const inset = interpolate(animatedValue.current, {
         inputRange: _.times(segmentsCounter.current),
         outputRange: _.map(segmentsStyle.current, segment => segment.x)
       });
@@ -137,7 +138,7 @@ const SegmentedControl = (props: SegmentedControlProps) => {
         outputRange: _.map(segmentsStyle.current, segment => segment.width - 2 * BORDER_WIDTH)
       });
 
-      return {width, left};
+      return [{width}, Constants.isRTL ? {right: inset} : {left: inset}];
     }
     return undefined;
   }, [segmentsCounter.current, segments?.length]);