* RTL support added

Author: githuboftigran

hooks.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useState, useRef, useMemo } from 'react';
-import { Animated } from 'react-native';
+import { Animated, I18nManager } from 'react-native';
 import { clamp } from './helpers';
 import styles from './styles';
 import FollowerContainer from './LabelContainer';
@@ -119,8 +119,8 @@ export const useSelectedRail = (inPropsRef, containerWidthRef, thumbWidth, disab
   }, [inPropsRef, containerWidthRef, disableRange, thumbWidth, left, right]);
   const styles = useMemo(() => ({
     position: 'absolute',
-    left,
-    right,
+    left: I18nManager.isRTL ? right : left,
+    right: I18nManager.isRTL ? left : right,
   }), [left, right]);
   return [styles, update];
 };

styles.js

@@ -1,8 +1,9 @@
-import { StyleSheet } from 'react-native';
+import {I18nManager, StyleSheet} from 'react-native';
 
 export default StyleSheet.create({
   controlsContainer: {
     flexDirection: 'row',
+    justifyContent: I18nManager.isRTL ? 'flex-end' : 'flex-start',
     alignItems: 'center',
   },
   highThumbContainer: {
@@ -14,13 +15,13 @@ export default StyleSheet.create({
     alignItems: 'center',
   },
   labelFixedContainer: {
-    alignItems: 'flex-start',
+    alignItems: I18nManager.isRTL ? 'flex-end' : "flex-start",
   },
   labelFloatingContainer: {
     position: 'absolute',
     left: 0,
     right: 0,
-    alignItems: 'flex-start',
+    alignItems: I18nManager.isRTL ? 'flex-end' : "flex-start",
   },
   touchableArea: {
     ...StyleSheet.absoluteFillObject,