docs: use native-stack in navigation-context

Author: kacperkapusciak

static/examples/6.x/navigation-context.js

@@ -4,30 +4,28 @@ import {
   NavigationContainer,
   NavigationContext,
 } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
 function HomeScreen() {
   return <SomeComponent />;
 }
 
-class SomeComponent extends React.Component {
-  static contextType = NavigationContext;
-
-  render() {
-    // We can access navigation object via context
-    const navigation = this.context;
-    return (
-      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-        <Text>Some component inside HomeScreen</Text>
-        <Button
-          onPress={() => navigation.navigate('Profile')}
-          title="Go to Profile"
-        />
-      </View>
-    );
-  }
+function SomeComponent() {
+  // We can access navigation object via context
+  const navigation = React.useContext(NavigationContext);
+
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <Text>Some component inside HomeScreen</Text>
+      <Button
+        onPress={() => navigation.navigate('Profile')}
+        title="Go to Profile"
+      />
+    </View>
+  );
 }
 
+
 function ProfileScreen({ navigation }) {
   return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
@@ -36,7 +34,7 @@ function ProfileScreen({ navigation }) {
   );
 }
 
-const Stack = createStackNavigator();
+const Stack = createNativeStackNavigator();
 
 function App() {
   return (

versioned_docs/version-6.x/navigation-context.md

@@ -15,12 +15,8 @@ Example:
 ```js
 import { NavigationContext } from '@react-navigation/native';
 
-class SomeComponent extends React.Component {
-  static contextType = NavigationContext;
-
-  render() {
-    // We can access navigation object via context
-    const navigation = this.context;
-  }
+function SomeComponent() {
+  // We can access navigation object via context
+  const navigation = React.useContext(NavigationContext);
 }
 ```