diff --git a/Examples/UIExplorer/js/RTLExample.js b/Examples/UIExplorer/js/RTLExample.js index 82e50c7b0..5298dc5f6 100644 --- a/Examples/UIExplorer/js/RTLExample.js +++ b/Examples/UIExplorer/js/RTLExample.js @@ -102,10 +102,10 @@ function TextAlignmentExample(props) { Left-to-Right language without text alignment. - من اليمين إلى اليسار اللغة دون محاذاة النص . + {'\u0645\u0646 \u0627\u0644\u064A\u0645\u064A\u0646 \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631 \u0627\u0644\u0644\u063A\u0629 \u062F\u0648\u0646 \u0645\u062D\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635'} - מימין לשמאל השפה בלי יישור טקסט . + {'\u05DE\u05D9\u05DE\u05D9\u05DF \u05DC\u05E9\u05DE\u05D0\u05DC \u05D4\u05E9\u05E4\u05D4 \u05D1\u05DC\u05D9 \u05D9\u05D9\u05E9\u05D5\u05E8 \u05D8\u05E7\u05E1\u05D8'} @@ -233,11 +233,10 @@ class RTLExample extends React.Component { + description={'Animation direction according to layout'}> @@ -271,13 +270,11 @@ class RTLExample extends React.Component { }, }); const offset = IMAGE_SIZE[0] / SCALE / 2 + 10; - const toMaxDistance = - IS_RTL ? - -this.state.windowWidth / 2 + offset : - this.state.windowWidth / 2 - offset; + const toMaxDistance = (IS_RTL ? -1 : 1) * (this.state.windowWidth / 2 - offset); Animated.timing(this.state.linear, { toValue: this.state.toggleStatus[refName] ? toMaxDistance : 0, duration: 2000, + useNativeDriver: true, }).start(); };