Skip to content

Commit 8ac81dc

Browse files
committed
Address review comments
1 parent f6219f9 commit 8ac81dc

File tree

3 files changed

+21
-8
lines changed

3 files changed

+21
-8
lines changed

docs/ff-concepts/navigation-routing/nav-overview.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,15 @@ sidebar_position: 0
1010

1111
Navigation in FlutterFlow is a crucial aspect of app development, enabling users to move between different pages or screens. This is achieved through a system of routing, where each page is assigned a unique route identifier. Understanding how navigation works and what happens to the navigation stack under the hood can help you create a seamless user experience.
1212

13-
## What is Routing?
13+
## What are Routes?
14+
Routes are essentially the paths that define different screens or pages within the app. Each route is associated with a specific screen and has a unique identifier that allows the app to recognize and navigate to it. For example, a route could point to the home screen, a product details page, or a user profile page.
1415

15-
**Routing** refers to the mechanism of defining paths or routes for different screens in an app. Each screen is associated with a unique route name, making it easier to navigate to that screen on events like button clicks. In FlutterFlow, routes are automatically assigned to pages when they are created.
16+
| Page | Route |
17+
|------------------|------------------|
18+
| Home | /home |
19+
| Product Details | /product-details |
20+
| Cart | /cart |
1621

17-
For example, if you have a home screen, a login screen, and a profile screen, each of these screens will be defined as separate routes in your FlutterFlow project.
1822

1923
## Navigation Stack Logic
2024

docs/ff-concepts/navigation-routing/passing-data.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import TabItem from '@theme/TabItem';
1212

1313
As you build your app, you'll often encounter the need to pass through or transfer data from one page to another. For instance, when a user taps on a product item, you may want to send product data to the next page to display its details.
1414

15-
## How to pass data
15+
## Page parameters
1616
This process of passing data between pages is accomplished using **Parameters**. When navigating
1717
from one page to another, you can send parameters to configure the destination
1818
page based on the data from the current page. This is useful for tasks like
@@ -125,12 +125,13 @@ Page parameters are thus essential for maintaining a seamless user experience,
125125
enabling the new page to function as intended based on the specific needs and
126126
inputs from a previous interaction.
127127

128-
## What you can pass
128+
## Allowed Data Types
129129

130130
You can pass any supported data from one page to another via *page parameter(s)*. You can think of a *page parameter* as a variable that holds the value being passed from one page to another.
131131

132+
:::info
132133
If you are using Firestore Database, most of the time, you would pass the *Document* (an actual record inside the Firestore collection) and *Document Reference (points to actual document)* between the pages.
133-
134+
:::
134135
---
135136

136137
## Video guide

docs/resources/ui-building-blocks/pages/pages-configuration.md

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,23 @@ This section allows you to define and manage parameters that your page can
2020
receive from other pages of the app. Parameters are essentially variables that
2121
hold values which can be passed between pages. For example, you might pass a
2222
user ID from a list page to a detail page to display specific information about
23-
that user. Learn more about passing data between pages [here](../../../ff-concepts/navigation-routing/passing-data).
23+
that user.
24+
25+
:::info[LEARN MORE]
26+
Learn more about passing data between pages [**here**](../../../ff-concepts/navigation-routing/passing-data).
27+
:::
2428

2529
### Route Settings
2630

2731
In FlutterFlow, Route Settings are essential for defining how pages within your
2832
application are accessed and interacted with. These settings allow you to
2933
customize the URL paths for web and mobile deep linking, set meaningful Page
3034
Names as unique identifiers, integrate dynamic parameters into your routes, and
31-
set access restrictions based on user authentication. Learn more about Routing [here](../../../ff-concepts/navigation-routing/overview).
35+
set access restrictions based on user authentication.
36+
37+
:::info[LEARN MORE]
38+
Learn more about Routing [**here**](../../../ff-concepts/navigation-routing/overview).
39+
:::
3240

3341
## Advanced Configurations
3442

0 commit comments

Comments
 (0)