Skip to content

Commit e28cd88

Browse files
authored
Merge pull request react-navigation#62 from bengal75/patch-1
Typos and mdashes
2 parents d2dcc4f + 763ed62 commit e28cd88

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

docs/tab-based-navigation.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export default TabNavigator({
4343

4444
## Customizing the appearance
4545

46-
This is similar to how you would customize a `StackNavigator` ‐ there are some properties that are set when you initialize the `TabNavigator` and others that can be customized per-screen in `navigationOptions`.
46+
This is similar to how you would customize a `StackNavigator` — there are some properties that are set when you initialize the `TabNavigator` and others that can be customized per-screen in `navigationOptions`.
4747

4848
```js
4949
// You can import Ionicons from @expo/vector-icons if you use Expo or
@@ -133,7 +133,7 @@ class SettingsScreen extends React.Component {
133133

134134
## A `StackNavigator` for each tab
135135

136-
Usually tabs don't just display one screen ‐ for example, on your Twitter feed, you can tap on a tweet and it brings you to a new screen within that tab with all of the replies. You can think of this as their being separate navigation stacks within each tab, and that's exactly how we will model it in React Navigation.
136+
Usually tabs don't just display one screen — for example, on your Twitter feed, you can tap on a tweet and it brings you to a new screen within that tab with all of the replies. You can think of this as there being separate navigation stacks within each tab, and that's exactly how we will model it in React Navigation.
137137

138138
```js
139139
import { TabNavigator, TabBarBottom, StackNavigator } from 'react-navigation';
@@ -202,4 +202,4 @@ export default TabNavigator(
202202

203203
It's common to attempt to use a standalone tab bar component without integrating it into the navigation library you use in your app. In some cases, this works fine! You should be warned, however, that you may run into some frustrating unanticipated issues when doing this.
204204

205-
For example, React Navigation's `TabNavigator` takes care of handling the Android back button for you, while standalone components typically do not. Additionally, it is more difficult for you (as the developer) to perform actions such as "jump to this tab and then go to this screen" if you need to call into two distinct APIs for it. Lastly, mobile user interfaces have numerous small design details that require that certain components are aware of the layout or presence of other components &mdahs; for example, if you have a translucent tab bar, content should scroll underneath it and the scroll view should have an inset on the bottom equal to the height of the tab bar so you can see all of the content. Double tapping the tab bar should make the active navigation stack pop to the top of the stack, and doing it again should scroll the active scroll view in that stack scroll to the top. While not all of these behaviors are implemented out of the box yet with React Navigation, they will be and you will not get any of this if you use a standalone tab view component.
205+
For example, React Navigation's `TabNavigator` takes care of handling the Android back button for you, while standalone components typically do not. Additionally, it is more difficult for you (as the developer) to perform actions such as "jump to this tab and then go to this screen" if you need to call into two distinct APIs for it. Lastly, mobile user interfaces have numerous small design details that require that certain components are aware of the layout or presence of other components — for example, if you have a translucent tab bar, content should scroll underneath it and the scroll view should have an inset on the bottom equal to the height of the tab bar so you can see all of the content. Double tapping the tab bar should make the active navigation stack pop to the top of the stack, and doing it again should scroll the active scroll view in that stack scroll to the top. While not all of these behaviors are implemented out of the box yet with React Navigation, they will be and you will not get any of this if you use a standalone tab view component.

0 commit comments

Comments
 (0)