flutter-view
  • Introduction
  • FAQ
  • Get Started
    • Install
    • Usage
    • Test drive
    • VS Code support
    • Examples
  • Guide
    • Configuring flutter-view
    • Creating a new view
    • Creating widget layouts
    • Flow control
    • Shortcuts
    • Styling with CSS
    • Writing Reactive code
    • Styling per platform
  • Shortcuts Reference
    • Special pug tags
    • CSS style properties
Powered by GitBook
On this page
  • Testdrive
  • Counter
  • Todolist
  1. Get Started

Examples

PreviousVS Code supportNextConfiguring flutter-view

Last updated 6 years ago

Examples can help to show some good patterns for creating elegant apps. These are currently available:

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.

This is the getting started project as explained in the of the documentation. It shows a simple hello world using pug and sass.

A flutter-view version of the Flutter starter project. It uses the reactive tag and the for responding and updating the count.

An example of how you can build a simple todo app using flutter-view and the . 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. The chapter builds this app step by step.

test drive chapter
Counter
flutter-view-tools library
Todolist
flutter-view-tools library
Writing Reactive code
Testdrive