Skip to content

Commit f30218c

Browse files
committed
Set internal links to '#'
1 parent d651740 commit f30218c

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

docs/intro/build-your-first-app.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,8 @@ It’s very straightforward yet introduces you to some fundamental concepts in a
1818
> - Handle app behavior in response to user interactions (manage state).
1919
> - Running your app
2020
21-
#### The steps to build the app are as follows:
21+
<br/>
22+
The steps to build the app are as follows:
2223

2324
1. [Clone or create project](#clone-project)
2425
2. [Building UI](#build-ui)
@@ -43,7 +44,7 @@ In this section, we will see how to build the user interface (UI) for this featu
4344
To build the UI:
4445

4546
1. We'll begin by adding a [Container](#) widget. This will serve as the parent widget for our buttons and labels.
46-
2. Within the Container, add the [Row](https://www.notion.so/Build-your-first-app-20528f5391f94848aee85e01f2959cd1?pvs=21) > [Text](https://www.notion.so/Build-your-first-app-20528f5391f94848aee85e01f2959cd1?pvs=21) widget to display the ‘Quantity’ label. The Row widget is used to arrange its children (in this case, the Text widget) in a horizontal row.
47+
2. Within the Container, add the [Row](#) > [Text](#) widget to display the ‘Quantity’ label. The Row widget is used to arrange its children (in this case, the Text widget) in a horizontal row.
4748
3. Next, add another Row widget containing two [IconButtons](#). Users will interact with these to increase or decrease the product quantity. Also, include a Text widget to display the updated quantity.
4849
1. Adjust the padding of the widgets to create a spacious and balanced layout.
4950
2. Change the icon of the decrease button to a minus symbol.
@@ -70,7 +71,7 @@ To customize the style:
7071

7172
Once your UI is set up, it's time to make your app interactive by adding a state. This means setting up your app to respond to user interactions. For example, when a user clicks the button to increase the quantity, the number displayed on the label should increase accordingly.
7273

73-
We can achieve this behavior by adding the state variables. A state variable that represents a piece of data that can change over time. For this specific use case, Let’s add a [page state variable](https://www.notion.so/Build-your-first-app-20528f5391f94848aee85e01f2959cd1?pvs=21) that will hold the current quantity value. When a user interacts with the buttons, we update this variable, which in turn updates the UI.
74+
We can achieve this behavior by adding the state variables. A state variable represents a piece of data that can change over time. For this specific use case, Let’s add a [page state variable](#) that will hold the current quantity value. When a user interacts with the buttons, we update this variable, which in turn updates the UI.
7475

7576
Here's how to add and use state variables:
7677

@@ -83,7 +84,7 @@ Here's how to add and use state variables:
8384

8485
## 5. Run the App {#run-app}
8586

86-
Now that you've built and customized your app, it's time to run it. FlutterFlow allows you to test a fully-functional version of your app in [Test](#) and [Run](https://www.notion.so/Build-your-first-app-20528f5391f94848aee85e01f2959cd1?pvs=21) mode. The Run mode typically requires around 2-4 minutes (or more, depending on the size of your project). However, to see your changes immediately, you can run your app in a Test mode that uses Flutter's "[Hot Reload](https://docs.flutter.dev/development/tools/hot-reload)" feature.
87+
Now that you've built and customized your app, it's time to run it. FlutterFlow allows you to test a fully-functional version of your app in [Test](#) and [Run](#) mode. The Run mode typically requires around 2-4 minutes (or more, depending on the size of your project). However, to see your changes immediately, you can run your app in a Test mode that uses Flutter's "[Hot Reload](#)" feature.
8788

8889

8990
<iframe src="https://demo.arcade.software/TxetiPgtHe50ZcLsHyFH?embed&show_copy_link=true" title="Update product quantity" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="clipboard-write" width="100%" height="600"></iframe>

0 commit comments

Comments
 (0)