Carousel - Flip page control in rtl. (#3781)

* fix(carousel): update PageControl containerStyle for RTL support

* fix(carousel): enhance PageControl containerStyle for RTL and iOS

Author: nitzanyiz

src/components/carousel/index.tsx

@@ -447,7 +447,7 @@ class Carousel extends Component<CarouselProps, CarouselState> {
         <PageControl
           size={size}
           spacing={spacing}
-          containerStyle={containerStyle}
+          containerStyle={[containerStyle, Constants.isRTL && Constants.isIOS && styles.flip]}
           inactiveColor={inactiveColor}
           color={color}
           {...others}
@@ -550,6 +550,9 @@ const styles = StyleSheet.create({
     top: 12,
     right: 12
   },
+  flip: {
+    transform: [{scaleX: -1}]
+  },
   pageControlContainerStyle: {
     position: 'absolute',
     bottom: 16,