feat: add button to quickly switch layout direction

Author: okwasniewski

example/src/App.tsx

@@ -10,6 +10,8 @@ import {
   TouchableOpacity,
   Button,
   Alert,
+  DevSettings,
+  I18nManager,
 } 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) => (

fabricexample/src/App.tsx

@@ -10,6 +10,8 @@ import {
   TouchableOpacity,
   Button,
   Alert,
+  DevSettings,
+  I18nManager,
 } 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) => (