Use transitions in custom navigator docs

Author: satya164

versioned_docs/version-7.x/custom-navigators.md

@@ -385,9 +385,11 @@ function TabNavigator({ tabBarStyle, contentStyle, ...rest }: Props) {
               });
 
               if (!isFocused && !event.defaultPrevented) {
-                navigation.dispatch({
-                  ...CommonActions.navigate(route.name, route.params),
-                  target: state.key,
+                React.startTransition(() => {
+                  navigation.dispatch({
+                    ...CommonActions.navigate(route.name, route.params),
+                    target: state.key,
+                  });
                 });
               }
             }}

versioned_docs/version-7.x/standard-navigator.md

@@ -229,7 +229,9 @@ export const MyTabNavigator = createStandardNavigator<
               });
 
               if (!isFocused && !event.defaultPrevented) {
-                actions.navigate(route.name, route.params);
+                React.startTransition(() => {
+                  actions.navigate(route.name, route.params);
+                });
               }
             }}
             style={{ flex: 1 }}

versioned_docs/version-8.x/custom-navigators.md

@@ -367,9 +367,11 @@ function TabNavigator({ tabBarStyle, contentStyle, ...rest }: Props) {
               });
 
               if (!isFocused && !event.defaultPrevented) {
-                navigation.dispatch({
-                  ...CommonActions.navigate(route.name, route.params),
-                  target: state.key,
+                React.startTransition(() => {
+                  navigation.dispatch({
+                    ...CommonActions.navigate(route.name, route.params),
+                    target: state.key,
+                  });
                 });
               }
             }}

versioned_docs/version-8.x/standard-navigator.md

@@ -228,7 +228,9 @@ export const MyTabNavigator = createStandardNavigator<
               });
 
               if (!isFocused && !event.defaultPrevented) {
-                actions.navigate(route.name, route.params);
+                React.startTransition(() => {
+                  actions.navigate(route.name, route.params);
+                });
               }
             }}
             style={{ flex: 1 }}