Remove unnecessary useLegacyImplementation prop from examples (#1314)

kacperkapusciak · web-flow · commit aded1e89ce1c · 2024-02-23T15:37:59.000+01:00
diff --git a/static/examples/6.x/animated-drawer-content.js b/static/examples/6.x/animated-drawer-content.js
@@ -49,7 +49,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/6.x/custom-drawer-content.js b/static/examples/6.x/custom-drawer-content.js
@@ -38,7 +38,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/6.x/drawer-actions.js b/static/examples/6.x/drawer-actions.js
@@ -61,7 +61,6 @@ export default function App() {
   return (
     <NavigationContainer>
       <Drawer.Navigator
-        useLegacyImplementation
         drawerContent={(props) => <CustomDrawerContent {...props} />}
       >
         <Drawer.Screen name="Home" component={HomeScreen} />
diff --git a/static/examples/6.x/drawer-based-navigation.js b/static/examples/6.x/drawer-based-navigation.js
@@ -27,7 +27,7 @@ const Drawer = createDrawerNavigator();
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Home">
+      <Drawer.Navigator initialRouteName="Home">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen name="Notifications" component={NotificationsScreen} />
       </Drawer.Navigator>
diff --git a/static/examples/6.x/drawer-content-options.js b/static/examples/6.x/drawer-content-options.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerActiveTintColor: '#e91e63',
         drawerItemStyle: { marginVertical: 30 },
diff --git a/static/examples/6.x/drawer-dispatch.js b/static/examples/6.x/drawer-dispatch.js
@@ -53,7 +53,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/6.x/drawer-example.js b/static/examples/6.x/drawer-example.js
@@ -31,7 +31,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation initialRouteName="Feed">
+    <Drawer.Navigator initialRouteName="Feed">
       <Drawer.Screen
         name="Feed"
         component={Feed}
diff --git a/static/examples/6.x/drawer-open-close-toggle.js b/static/examples/6.x/drawer-open-close-toggle.js
@@ -47,7 +47,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/6.x/drawer-with-style.js b/static/examples/6.x/drawer-with-style.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerStyle: {
           backgroundColor: '#c6cbef',
diff --git a/static/examples/6.x/multiple-drawers-issue.js b/static/examples/6.x/multiple-drawers-issue.js
@@ -22,10 +22,7 @@ const LeftDrawer = createDrawerNavigator();
 
 const LeftDrawerScreen = () => {
   return (
-    <LeftDrawer.Navigator
-      useLegacyImplementation
-      screenOptions={{ drawerPosition: 'left' }}
-    >
+    <LeftDrawer.Navigator screenOptions={{ drawerPosition: 'left' }}>
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -36,7 +33,6 @@ const RightDrawer = createDrawerNavigator();
 const RightDrawerScreen = () => {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       screenOptions={{ drawerPosition: 'right', headerShown: false }}
     >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
diff --git a/static/examples/6.x/multiple-drawers.js b/static/examples/6.x/multiple-drawers.js
@@ -31,9 +31,9 @@ const LeftDrawer = createDrawerNavigator();
 function LeftDrawerScreen() {
   return (
     <LeftDrawer.Navigator
-      useLegacyImplementation
       id="LeftDrawer"
-      screenOptions={{ drawerPosition: 'left' }}>
+      screenOptions={{ drawerPosition: 'left' }}
+    >
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -44,13 +44,13 @@ const RightDrawer = createDrawerNavigator();
 function RightDrawerScreen() {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       id="RightDrawer"
       drawerContent={(props) => <RightDrawerContent {...props} />}
       screenOptions={{
         drawerPosition: 'right',
         headerShown: false,
-      }}>
+      }}
+    >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
     </RightDrawer.Navigator>
   );
diff --git a/static/examples/6.x/nested-navigator-screen.js b/static/examples/6.x/nested-navigator-screen.js
@@ -35,7 +35,7 @@ const Stack = createNativeStackNavigator();
 
 function Root() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Home" component={Home} />
       <Drawer.Screen name="Profile" component={EmptyScreen} />
       <Stack.Screen name="Settings" component={EmptyScreen} />
diff --git a/static/examples/6.x/params-nested-navigators.js b/static/examples/6.x/params-nested-navigators.js
@@ -58,7 +58,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator initialRouteName="Root" useLegacyImplementation>
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Root" component={Root} />
         <Drawer.Screen name="Home" component={HomeScreen} />
       </Drawer.Navigator>
diff --git a/static/examples/6.x/simple-drawer.js b/static/examples/6.x/simple-drawer.js
@@ -23,7 +23,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Feed" component={Feed} />
       <Drawer.Screen name="Article" component={Article} />
     </Drawer.Navigator>
diff --git a/static/examples/6.x/simple-theme.js b/static/examples/6.x/simple-theme.js
@@ -66,7 +66,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer theme={MyTheme}>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen
           name="Root"
diff --git a/static/examples/6.x/status-bar-focus-effect.js b/static/examples/6.x/status-bar-focus-effect.js
@@ -77,7 +77,7 @@ export default function App() {
   return (
     <SafeAreaProvider>
       <NavigationContainer>
-        <Drawer.Navigator useLegacyImplementation>
+        <Drawer.Navigator>
           <Drawer.Screen name="Screen1" component={Screen1} />
           <Drawer.Screen name="Screen2" component={Screen2} />
         </Drawer.Navigator>
diff --git a/static/examples/6.x/system-themes.js b/static/examples/6.x/system-themes.js
@@ -78,7 +78,7 @@ export default function App() {
   return (
     <AppearanceProvider>
       <NavigationContainer theme={scheme === 'dark' ? DarkTheme : DefaultTheme}>
-        <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+        <Drawer.Navigator initialRouteName="Root">
           <Drawer.Screen name="Home" component={HomeScreen} />
           <Drawer.Screen
             name="Root"
diff --git a/static/examples/7.x/animated-drawer-content.js b/static/examples/7.x/animated-drawer-content.js
@@ -49,7 +49,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/7.x/custom-drawer-content.js b/static/examples/7.x/custom-drawer-content.js
@@ -38,7 +38,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/7.x/drawer-actions.js b/static/examples/7.x/drawer-actions.js
@@ -61,7 +61,6 @@ export default function App() {
   return (
     <NavigationContainer>
       <Drawer.Navigator
-        useLegacyImplementation
         drawerContent={(props) => <CustomDrawerContent {...props} />}
       >
         <Drawer.Screen name="Home" component={HomeScreen} />
diff --git a/static/examples/7.x/drawer-based-navigation.js b/static/examples/7.x/drawer-based-navigation.js
@@ -27,7 +27,7 @@ const Drawer = createDrawerNavigator();
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Home">
+      <Drawer.Navigator initialRouteName="Home">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen name="Notifications" component={NotificationsScreen} />
       </Drawer.Navigator>
diff --git a/static/examples/7.x/drawer-content-options.js b/static/examples/7.x/drawer-content-options.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerActiveTintColor: '#e91e63',
         drawerItemStyle: { marginVertical: 30 },
diff --git a/static/examples/7.x/drawer-dispatch.js b/static/examples/7.x/drawer-dispatch.js
@@ -53,7 +53,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/7.x/drawer-example.js b/static/examples/7.x/drawer-example.js
@@ -31,7 +31,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation initialRouteName="Feed">
+    <Drawer.Navigator initialRouteName="Feed">
       <Drawer.Screen
         name="Feed"
         component={Feed}
diff --git a/static/examples/7.x/drawer-open-close-toggle.js b/static/examples/7.x/drawer-open-close-toggle.js
@@ -47,7 +47,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/static/examples/7.x/drawer-with-style.js b/static/examples/7.x/drawer-with-style.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerStyle: {
           backgroundColor: '#c6cbef',
diff --git a/static/examples/7.x/multiple-drawers-issue.js b/static/examples/7.x/multiple-drawers-issue.js
@@ -22,10 +22,7 @@ const LeftDrawer = createDrawerNavigator();
 
 const LeftDrawerScreen = () => {
   return (
-    <LeftDrawer.Navigator
-      useLegacyImplementation
-      screenOptions={{ drawerPosition: 'left' }}
-    >
+    <LeftDrawer.Navigator screenOptions={{ drawerPosition: 'left' }}>
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -36,7 +33,6 @@ const RightDrawer = createDrawerNavigator();
 const RightDrawerScreen = () => {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       screenOptions={{ drawerPosition: 'right', headerShown: false }}
     >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
diff --git a/static/examples/7.x/multiple-drawers.js b/static/examples/7.x/multiple-drawers.js
@@ -31,9 +31,9 @@ const LeftDrawer = createDrawerNavigator();
 function LeftDrawerScreen() {
   return (
     <LeftDrawer.Navigator
-      useLegacyImplementation
       id="LeftDrawer"
-      screenOptions={{ drawerPosition: 'left' }}>
+      screenOptions={{ drawerPosition: 'left' }}
+    >
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -44,13 +44,13 @@ const RightDrawer = createDrawerNavigator();
 function RightDrawerScreen() {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       id="RightDrawer"
       drawerContent={(props) => <RightDrawerContent {...props} />}
       screenOptions={{
         drawerPosition: 'right',
         headerShown: false,
-      }}>
+      }}
+    >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
     </RightDrawer.Navigator>
   );
diff --git a/static/examples/7.x/nested-navigator-screen.js b/static/examples/7.x/nested-navigator-screen.js
@@ -35,7 +35,7 @@ const Stack = createNativeStackNavigator();
 
 function Root() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Home" component={Home} />
       <Drawer.Screen name="Profile" component={EmptyScreen} />
       <Stack.Screen name="Settings" component={EmptyScreen} />
diff --git a/static/examples/7.x/params-nested-navigators.js b/static/examples/7.x/params-nested-navigators.js
@@ -64,7 +64,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator initialRouteName="Root" useLegacyImplementation>
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Root" component={Root} />
         <Drawer.Screen name="Home" component={HomeScreen} />
       </Drawer.Navigator>
diff --git a/static/examples/7.x/simple-drawer.js b/static/examples/7.x/simple-drawer.js
@@ -23,7 +23,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Feed" component={Feed} />
       <Drawer.Screen name="Article" component={Article} />
     </Drawer.Navigator>
diff --git a/static/examples/7.x/simple-theme.js b/static/examples/7.x/simple-theme.js
@@ -66,7 +66,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer theme={MyTheme}>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen
           name="Root"
diff --git a/static/examples/7.x/status-bar-focus-effect.js b/static/examples/7.x/status-bar-focus-effect.js
@@ -77,7 +77,7 @@ export default function App() {
   return (
     <SafeAreaProvider>
       <NavigationContainer>
-        <Drawer.Navigator useLegacyImplementation>
+        <Drawer.Navigator>
           <Drawer.Screen name="Screen1" component={Screen1} />
           <Drawer.Screen name="Screen2" component={Screen2} />
         </Drawer.Navigator>
diff --git a/static/examples/7.x/system-themes.js b/static/examples/7.x/system-themes.js
@@ -78,7 +78,7 @@ export default function App() {
   return (
     <AppearanceProvider>
       <NavigationContainer theme={scheme === 'dark' ? DarkTheme : DefaultTheme}>
-        <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+        <Drawer.Navigator initialRouteName="Root">
           <Drawer.Screen name="Home" component={HomeScreen} />
           <Drawer.Screen
             name="Root"

Original file line number	Diff line number	Diff line change
`@@ -49,7 +49,6 @@ const Drawer = createDrawerNavigator();`
`49`	`49`	`function MyDrawer() {`
`50`	`50`	`return (`
`51`	`51`	`<Drawer.Navigator`
`52`		`- useLegacyImplementation`
`53`	`52`	`drawerContent={(props) => <CustomDrawerContent {...props} />}`
`54`	`53`	`>`
`55`	`54`	`<Drawer.Screen name="Feed" component={Feed} />`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,6 @@ const Drawer = createDrawerNavigator();`
`38`	`38`	`function MyDrawer() {`
`39`	`39`	`return (`
`40`	`40`	`<Drawer.Navigator`
`41`		`- useLegacyImplementation`
`42`	`41`	`drawerContent={(props) => <CustomDrawerContent {...props} />}`
`43`	`42`	`>`
`44`	`43`	`<Drawer.Screen name="Feed" component={Feed} />`
Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,6 @@ export default function App() {`
`61`	`61`	`return (`
`62`	`62`	`<NavigationContainer>`
`63`	`63`	`<Drawer.Navigator`
`64`		`- useLegacyImplementation`
`65`	`64`	`drawerContent={(props) => <CustomDrawerContent {...props} />}`
`66`	`65`	`>`
`67`	`66`	`<Drawer.Screen name="Home" component={HomeScreen} />`
Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,6 @@ const Drawer = createDrawerNavigator();`
`53`	`53`	`function MyDrawer() {`
`54`	`54`	`return (`
`55`	`55`	`<Drawer.Navigator`
`56`		`- useLegacyImplementation`
`57`	`56`	`drawerContent={(props) => <CustomDrawerContent {...props} />}`
`58`	`57`	`>`
`59`	`58`	`<Drawer.Screen name="Feed" component={Feed} />`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,6 @@ const Drawer = createDrawerNavigator();`
`47`	`47`	`function MyDrawer() {`
`48`	`48`	`return (`
`49`	`49`	`<Drawer.Navigator`
`50`		`- useLegacyImplementation`
`51`	`50`	`drawerContent={(props) => <CustomDrawerContent {...props} />}`
`52`	`51`	`>`
`53`	`52`	`<Drawer.Screen name="Feed" component={Feed} />`