Skip to content

Commit 3b2eaa5

Browse files
blueneogeogitbook-bot
authored andcommitted
GitBook: [master] 3 pages and 2 assets modified
1 parent 292b633 commit 3b2eaa5

File tree

5 files changed

+30
-1
lines changed

5 files changed

+30
-1
lines changed
Loading
Loading

SUMMARY.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
* [Usage](get-started/usage.md)
99
* [Test drive](get-started/test-drive.md)
1010
* [VS Code support](get-started/vs-code-support.md)
11+
* [Examples](get-started/examples.md)
1112

1213
## Guide
1314

get-started/examples.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# Examples
2+
3+
There are some examples to see how you can use flutter-view in practice to create elegant apps.
4+
5+
### [Testdrive](https://github.com/flutter-view/examples/tree/master/testdrive)
6+
7+
![](../.gitbook/assets/screen-shot-2018-12-02-at-2.53.13-pm.png)
8+
9+
This is the **getting started project** as explained in the[ test drive chapter](test-drive.md) of the documentation. It shows a simple hello world using pug and sass.
10+
11+
### [Counter](https://github.com/flutter-view/examples/tree/master/counter)
12+
13+
![](../.gitbook/assets/screen-shot-2018-12-03-at-12.16.29-am.png)
14+
15+
A flutter-view version of the Flutter starter project. It uses the **reactive** tag and the [flutter-view-tools library ](https://pub.dartlang.org/packages/flutter_view_tools)for responding and updating the count.
16+
17+
Instead of having the counter state in the widgets, it is kept in the application model, and the HomePage flutter-view listenes to the model and updates itself when the user presses the + button.
18+
19+
### [Todolist](https://github.com/flutter-view/examples/tree/master/todolist)
20+
21+
![](../.gitbook/assets/screen-shot-2018-12-03-at-12.18.00-am.png)
22+
23+
An example of how you can build a simple todo app using flutter-view and the [flutter-view-tools library](https://pub.dartlang.org/packages/flutter_view_tools). It separates the app model from the page model. This is a structure that can scale as your app grows and you add more pages.
24+
25+
26+
27+
28+

get-started/test-drive.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Test drive
22

3-
To get to know how flutter-view works, let's create a little hello world example project.
3+
To get to know how flutter-view works, let's create a little hello world example project. You can also find [this project in the examples repository](https://github.com/flutter-view/examples/tree/master/testdrive).
44

55
## Create an example flutter project
66

0 commit comments

Comments
 (0)