Skip to content

Commit f6d6e65

Browse files
shubh73shubh73
committed
fix: typos in docs
1 parent 3cd824e commit f6d6e65

31 files changed

+59
-59
lines changed

‎static/examples/5.x/drawer-actions.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ function ProfileScreen({ route }) {
3434
return (
3535
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
3636
<Text>Profile!</Text>
37-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
37+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
3838
</View>
3939
);
4040
}

‎static/examples/5.x/hidden-components.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,8 @@ export default function App() {
2323
<Stack.Navigator initialRouteName="Home" headerMode="none">
2424
<Stack.Screen name="Home">
2525
{() => (
26-
<Tab.Navigator initialRouteName="Analitics" tabBar={() => null}>
27-
<Tab.Screen name="Analitics" component={Demo} />
26+
<Tab.Navigator initialRouteName="Analytics" tabBar={() => null}>
27+
<Tab.Screen name="Analytics" component={Demo} />
2828
<Tab.Screen name="Profile" component={Demo} />
2929
</Tab.Navigator>
3030
)}

‎static/examples/5.x/safe-area-example.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@ export default function App() {
2626
<Stack.Navigator initialRouteName="Home" headerMode="none">
2727
<Stack.Screen name="Home">
2828
{() => (
29-
<Tab.Navigator initialRouteName="Analitics" tabBar={() => null}>
30-
<Tab.Screen name="Analitics" component={Demo} />
29+
<Tab.Navigator initialRouteName="Analytics" tabBar={() => null}>
30+
<Tab.Screen name="Analytics" component={Demo} />
3131
<Tab.Screen name="Profile" component={Demo} />
3232
</Tab.Navigator>
3333
)}

‎static/examples/5.x/tab-actions.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ function ProfileScreen({ route }) {
2121
return (
2222
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
2323
<Text>Profile!</Text>
24-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
24+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
2525
</View>
2626
);
2727
}

‎static/examples/5.x/use-safe-area.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,8 @@ export default function App() {
3434
<Stack.Navigator initialRouteName="Home" headerMode="none">
3535
<Stack.Screen name="Home">
3636
{() => (
37-
<Tab.Navigator initialRouteName="Analitics" tabBar={() => null}>
38-
<Tab.Screen name="Analitics" component={Demo} />
37+
<Tab.Navigator initialRouteName="Analytics" tabBar={() => null}>
38+
<Tab.Screen name="Analytics" component={Demo} />
3939
<Tab.Screen name="Profile" component={Demo} />
4040
</Tab.Navigator>
4141
)}

‎static/examples/6.x/drawer-actions.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ function ProfileScreen({ route }) {
3434
return (
3535
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
3636
<Text>Profile!</Text>
37-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
37+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
3838
</View>
3939
);
4040
}

‎static/examples/6.x/hidden-components.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,11 +27,11 @@ export default function App() {
2727
<Stack.Screen name="Home">
2828
{() => (
2929
<Tab.Navigator
30-
initialRouteName="Analitics"
30+
initialRouteName="Analytics"
3131
tabBar={() => null}
3232
screenOptions={{ headerShown: false }}
3333
>
34-
<Tab.Screen name="Analitics" component={Demo} />
34+
<Tab.Screen name="Analytics" component={Demo} />
3535
<Tab.Screen name="Profile" component={Demo} />
3636
</Tab.Navigator>
3737
)}

‎static/examples/6.x/safe-area-example.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,11 @@ export default function App() {
4343
<Stack.Screen name="Home">
4444
{() => (
4545
<Tab.Navigator
46-
initialRouteName="Analitics"
46+
initialRouteName="Analytics"
4747
tabBar={() => null}
4848
screenOptions={{ headerShown: false }}
4949
>
50-
<Tab.Screen name="Analitics" component={Demo} />
50+
<Tab.Screen name="Analytics" component={Demo} />
5151
<Tab.Screen name="Profile" component={Demo} />
5252
</Tab.Navigator>
5353
)}

‎static/examples/6.x/tab-actions.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ function ProfileScreen({ route }) {
2121
return (
2222
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
2323
<Text>Profile!</Text>
24-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
24+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
2525
</View>
2626
);
2727
}

‎static/examples/6.x/use-safe-area.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,11 @@ export default function App() {
3838
<Stack.Screen name="Home">
3939
{() => (
4040
<Tab.Navigator
41-
initialRouteName="Analitics"
41+
initialRouteName="Analytics"
4242
tabBar={() => null}
4343
screenOptions={{ headerShown: false }}
4444
>
45-
<Tab.Screen name="Analitics" component={Demo} />
45+
<Tab.Screen name="Analytics" component={Demo} />
4646
<Tab.Screen name="Profile" component={Demo} />
4747
</Tab.Navigator>
4848
)}

‎static/examples/7.x/drawer-actions.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ function ProfileScreen({ route }) {
3434
return (
3535
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
3636
<Text>Profile!</Text>
37-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
37+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
3838
</View>
3939
);
4040
}

‎static/examples/7.x/hidden-components.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,11 +27,11 @@ export default function App() {
2727
<Stack.Screen name="Home">
2828
{() => (
2929
<Tab.Navigator
30-
initialRouteName="Analitics"
30+
initialRouteName="Analytics"
3131
tabBar={() => null}
3232
screenOptions={{ headerShown: false }}
3333
>
34-
<Tab.Screen name="Analitics" component={Demo} />
34+
<Tab.Screen name="Analytics" component={Demo} />
3535
<Tab.Screen name="Profile" component={Demo} />
3636
</Tab.Navigator>
3737
)}

‎static/examples/7.x/safe-area-example.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,11 @@ export default function App() {
4343
<Stack.Screen name="Home">
4444
{() => (
4545
<Tab.Navigator
46-
initialRouteName="Analitics"
46+
initialRouteName="Analytics"
4747
tabBar={() => null}
4848
screenOptions={{ headerShown: false }}
4949
>
50-
<Tab.Screen name="Analitics" component={Demo} />
50+
<Tab.Screen name="Analytics" component={Demo} />
5151
<Tab.Screen name="Profile" component={Demo} />
5252
</Tab.Navigator>
5353
)}

‎static/examples/7.x/tab-actions.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ function ProfileScreen({ route }) {
2121
return (
2222
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
2323
<Text>Profile!</Text>
24-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
24+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
2525
</View>
2626
);
2727
}

‎static/examples/7.x/use-safe-area.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,11 @@ export default function App() {
3838
<Stack.Screen name="Home">
3939
{() => (
4040
<Tab.Navigator
41-
initialRouteName="Analitics"
41+
initialRouteName="Analytics"
4242
tabBar={() => null}
4343
screenOptions={{ headerShown: false }}
4444
>
45-
<Tab.Screen name="Analitics" component={Demo} />
45+
<Tab.Screen name="Analytics" component={Demo} />
4646
<Tab.Screen name="Profile" component={Demo} />
4747
</Tab.Navigator>
4848
)}

‎versioned_docs/version-3.x/function-after-focusing-screen.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ react-navigation provides a [higher order component](https://reactjs.org/docs/hi
1717

1818
When the `isFocused` prop is passed to our component, it will pass `true` when the screen is focused and `false` when our component is no longer focused. This enables us to call actions on a user entering or leaving a screen. This is particularly handy when we are trying to stop something when the page is unfocused, like stopping a video or audio file from playing, or stopping the tracking of a user's location.
1919

20-
Since `withNavigationFocus` passes a prop on every focus change, it will cause our component to re-render when we focus and unfocus a screen. Using this higher order component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing.
20+
Since `withNavigationFocus` passes a prop on every focus change, it will cause our component to re-render when we focus and lose focus on a screen. Using this higher order component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing.
2121

2222
For instance, if we are attempting to make an API call on focus to fetch some data, we only want to fetch data when the component is focused and not when the component becomes unfocused. To prevent extra component re-renders, we could write some logic in `shouldComponentUpdate` to control when the component renders itself, however we may be better off using the event listener method detailed below. The event listener will only call an action and render the component when the screen is focused and will do nothing when a screen becomes unfocused.
2323

‎versioned_docs/version-4.x/function-after-focusing-screen.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ react-navigation provides a [higher order component](https://reactjs.org/docs/hi
1717

1818
When the `isFocused` prop is passed to our component, it will pass `true` when the screen is focused and `false` when our component is no longer focused. This enables us to call actions on a user entering or leaving a screen. This is particularly handy when we are trying to stop something when the page is unfocused, like stopping a video or audio file from playing, or stopping the tracking of a user's location.
1919

20-
Since `withNavigationFocus` passes a prop on every focus change, it will cause our component to re-render when we focus and unfocus a screen. Using this higher order component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing.
20+
Since `withNavigationFocus` passes a prop on every focus change, it will cause our component to re-render when we focus and lose focus on a screen. Using this higher order component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing.
2121

2222
For instance, if we are attempting to make an API call on focus to fetch some data, we only want to fetch data when the component is focused and not when the component becomes unfocused. To prevent extra component re-renders, we could write some logic in `shouldComponentUpdate` to control when the component renders itself, however we may be better off using the event listener method detailed below. The event listener will only call an action and render the component when the screen is focused and will do nothing when a screen becomes unfocused.
2323

‎versioned_docs/version-5.x/function-after-focusing-screen.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ React Navigation provides a [hook](https://reactjs.org/docs/hooks-intro.html) th
7575

7676
The hook will return `true` when the screen is focused and `false` when our component is no longer focused. This enables us to render something conditionally based on whether the user is on the screen or not.
7777

78-
The `useIsFocused` hook will cause our component to re-render when we focus and unfocus a screen. Using this hook component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing. Hence we recommend to use this hook only if you need to trigger a re-render. For side-effects such as subscribing to events or fetching data, use the methods described above.
78+
The `useIsFocused` hook will cause our component to re-render when we focus and lose focus on a screen. Using this hook component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing. Hence we recommend to use this hook only if you need to trigger a re-render. For side-effects such as subscribing to events or fetching data, use the methods described above.
7979

8080
<samp id="use-is-focused" />
8181

‎versioned_docs/version-5.x/server-rendering.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -163,7 +163,7 @@ function NotFound() {
163163
const status = React.useContext(StatusCodeContext);
164164

165165
if (status) {
166-
staus.code = 404;
166+
status.code = 404;
167167
}
168168

169169
return (

‎versioned_docs/version-5.x/state-persistence.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ To be able to persist the [navigation state](navigation-state.md), we can use th
1717
- `onStateChange` - This prop notifies us of any state changes. We can persist the state in this callback.
1818
- `initialState` - This prop allows us to pass an initial state to use for [navigation state](navigation-state.md). We can pass the restored state in this prop.
1919

20-
<samp id="state-persistance" />
20+
<samp id="state-persistence" />
2121

2222
```js
2323
import * as React from 'react';

‎versioned_docs/version-6.x/function-after-focusing-screen.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ React Navigation provides a [hook](https://reactjs.org/docs/hooks-intro.html) th
7979

8080
The hook will return `true` when the screen is focused and `false` when our component is no longer focused. This enables us to render something conditionally based on whether the user is on the screen or not.
8181

82-
The `useIsFocused` hook will cause our component to re-render when we focus and unfocus a screen. Using this hook component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing. Hence we recommend to use this hook only if you need to trigger a re-render. For side-effects such as subscribing to events or fetching data, use the methods described above.
82+
The `useIsFocused` hook will cause our component to re-render when we focus and lose focus on a screen. Using this hook component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing. Hence we recommend to use this hook only if you need to trigger a re-render. For side-effects such as subscribing to events or fetching data, use the methods described above.
8383

8484
<samp id="use-is-focused" />
8585

‎versioned_docs/version-6.x/native-stack-navigator.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -431,7 +431,7 @@ Supported values:
431431
- `"none"`
432432
- `"slide"`
433433

434-
On Android, setting either `fade` or `slide` will set the transition of status bar color. On iOS, this option applies to appereance animation of the status bar.
434+
On Android, setting either `fade` or `slide` will set the transition of status bar color. On iOS, this option applies to the appearance animation of the status bar.
435435

436436
Requires setting `View controller-based status bar appearance -> YES` (or removing the config) in your `Info.plist` file.
437437

‎versioned_docs/version-6.x/server-rendering.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,7 @@ function NotFound() {
161161
const status = React.useContext(StatusCodeContext);
162162

163163
if (status) {
164-
staus.code = 404;
164+
status.code = 404;
165165
}
166166

167167
return (

‎versioned_docs/version-6.x/state-persistence.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ To be able to persist the [navigation state](navigation-state.md), we can use th
1515
- `onStateChange` - This prop notifies us of any state changes. We can persist the state in this callback.
1616
- `initialState` - This prop allows us to pass an initial state to use for [navigation state](navigation-state.md). We can pass the restored state in this prop.
1717

18-
<samp id="state-persistance" />
18+
<samp id="state-persistence" />
1919

2020
```js
2121
import * as React from 'react';

‎versioned_docs/version-7.x/drawer-actions.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ function ProfileScreen({ route }) {
6464
return (
6565
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
6666
<Text>Profile!</Text>
67-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
67+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
6868
</View>
6969
);
7070
}
@@ -149,7 +149,7 @@ function ProfileScreen({ route }) {
149149
return (
150150
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
151151
<Text>Profile!</Text>
152-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
152+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
153153
</View>
154154
);
155155
}
@@ -236,7 +236,7 @@ function ProfileScreen({ route }) {
236236
return (
237237
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
238238
<Text>Profile!</Text>
239-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
239+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
240240
</View>
241241
);
242242
}
@@ -319,7 +319,7 @@ function ProfileScreen({ route }) {
319319
return (
320320
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
321321
<Text>Profile!</Text>
322-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
322+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
323323
</View>
324324
);
325325
}
@@ -416,7 +416,7 @@ function ProfileScreen({ route }) {
416416
return (
417417
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
418418
<Text>Profile!</Text>
419-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
419+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
420420
</View>
421421
);
422422
}
@@ -500,7 +500,7 @@ function ProfileScreen({ route }) {
500500
return (
501501
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
502502
<Text>Profile!</Text>
503-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
503+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
504504
</View>
505505
);
506506
}
@@ -596,7 +596,7 @@ function ProfileScreen({ route }) {
596596
return (
597597
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
598598
<Text>Profile!</Text>
599-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
599+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
600600
</View>
601601
);
602602
}
@@ -680,7 +680,7 @@ function ProfileScreen({ route }) {
680680
return (
681681
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
682682
<Text>Profile!</Text>
683-
<Text>{route?.params?.user ? route.params.user : 'Noone'}'s profile</Text>
683+
<Text>{route?.params?.user ? route.params.user : 'No one'}'s profile</Text>
684684
</View>
685685
);
686686
}

‎versioned_docs/version-7.x/function-after-focusing-screen.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -240,7 +240,7 @@ React Navigation provides a [hook](https://reactjs.org/docs/hooks-intro.html) th
240240

241241
The hook will return `true` when the screen is focused and `false` when our component is no longer focused. This enables us to render something conditionally based on whether the user is on the screen or not.
242242

243-
The `useIsFocused` hook will cause our component to re-render when we focus and unfocus a screen. Using this hook component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing. Hence we recommend to use this hook only if you need to trigger a re-render. For side-effects such as subscribing to events or fetching data, use the methods described above.
243+
The `useIsFocused` hook will cause our component to re-render when we focus and lose focus on a screen. Using this hook component may introduce unnecessary component re-renders as a screen comes in and out of focus. This could cause issues depending on the type of action we're calling on focusing. Hence we recommend to use this hook only if you need to trigger a re-render. For side-effects such as subscribing to events or fetching data, use the methods described above.
244244

245245
<Tabs groupId="config" queryString="config">
246246
<TabItem value="static" label="Static" default>

0 commit comments

Comments
 (0)