Merge pull request #717 from callstack/feat/@okwasniewski/locale

feat: add button to quickly switch layout direction

Author: okwasniewski

example/src/App.tsx

@@ -10,6 +10,8 @@ import {
   TouchableOpacity,
   Button,
   Alert,
+  I18nManager,
+  DevSettings,
 } from 'react-native';
 import { NavigationContainer, useNavigation } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
@@ -121,6 +123,16 @@ export function Navigation() {
                   color="orange"
                 />
               ),
+              headerLeft: () => (
+                <Button
+                  title={I18nManager.getConstants().isRTL ? 'RTL' : 'LTR'}
+                  color="orange"
+                  onPress={() => {
+                    I18nManager.forceRTL(!I18nManager.getConstants().isRTL);
+                    DevSettings.reload();
+                  }}
+                />
+              ),
             }}
           />
           {examples.map((example, index) => (

fabricexample/src/App.tsx

@@ -10,6 +10,8 @@ import {
   TouchableOpacity,
   Button,
   Alert,
+  I18nManager,
+  DevSettings,
 } from 'react-native';
 import { NavigationContainer, useNavigation } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
@@ -119,6 +121,16 @@ export function Navigation() {
                 color="orange"
               />
             ),
+            headerLeft: () => (
+              <Button
+                title={I18nManager.getConstants().isRTL ? 'RTL' : 'LTR'}
+                color="orange"
+                onPress={() => {
+                  I18nManager.forceRTL(!I18nManager.getConstants().isRTL);
+                  DevSettings.reload();
+                }}
+              />
+            ),
           }}
         />
         {examples.map((example, index) => (