Skip to content

Commit 716ea0d

Browse files
committed
Use tabs for static vs dynamic
1 parent 5d9ec02 commit 716ea0d

File tree

4 files changed

+209
-175
lines changed

4 files changed

+209
-175
lines changed

versioned_docs/version-7.x/getting-started.md

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ title: Getting started
44
sidebar_label: Getting started
55
---
66

7+
import Tabs from '@theme/Tabs';
8+
import TabItem from '@theme/TabItem';
9+
710
What follows within the _Fundamentals_ section of this documentation is a tour of the most important aspects of React Navigation. It should cover enough for you to know how to build your typical small mobile application, and give you the background that you need to dive deeper into the more advanced parts of React Navigation.
811

912
## Pre-requisites
@@ -124,15 +127,15 @@ There are 2 primary ways to configure the navigators:
124127

125128
### Static configuration
126129

127-
The static configuration API has reduced boilerplate and simplifies things such as TypeScript types and deep linking. If you're staring a new project or are new to React Navigation, this is the **recommended way** to set up your app.
130+
The static configuration API has reduced boilerplate and simplifies things such as TypeScript types and deep linking. If you're starting a new project or are new to React Navigation, this is the **recommended way** to set up your app.
128131

129-
To get started with static configuration, continue to ["Getting started with static API"](hello-react-navigation-static.md).
132+
Continue to ["Hello React Navigation"](hello-react-navigation.md?config=static) to start writing some code with the Static API.
130133

131134
### Dynamic configuration
132135

133-
The dynamic configuration allows for more flexibility, but requires more boilerplate and configuration.
136+
The dynamic configuration allows for more flexibility but requires more boilerplate and configuration.
134137

135-
To get started with dynamic configuration, first we need to wrap your app in `NavigationContainer`. Usually you'd do this in your entry file, such as `index.js` or `App.js`:
138+
To get started with dynamic configuration, first, we need to wrap your app in `NavigationContainer`. Usually, you'd do this in your entry file, such as `index.js` or `App.js`:
136139

137140
```js
138141
import * as React from 'react';
@@ -151,4 +154,4 @@ In a typical React Native app, the `NavigationContainer` should be only used onc
151154

152155
:::
153156

154-
Continue to ["Getting started with dynamic API"](hello-react-navigation.md) to start writing some code.
157+
Continue to ["Hello React Navigation"](hello-react-navigation.md?config=dynamic) to start writing some code with the Dynamic API.

versioned_docs/version-7.x/hello-react-navigation-static.md

Lines changed: 0 additions & 161 deletions
This file was deleted.

0 commit comments

Comments
 (0)