flutter_view_widgets 1.0.6

  • Readme
  • Changelog
  • Example
  • Installing
  • 79

Flutter-view Widgets #

Notice: flutter_view_widgets replaces the flutter_view_tools library, which can no longer maintained due to a loss of Dart pub credentials.

Flutter-view is a tool that lets you easily create layouts for Flutter, using Pug and Sass.


This package adds some widgets that allow some extra functionality for flutter-view, and are highly recommended for your flutter-view projects.

Check out the documentation on how to get started with this library in your own flutter-view project. Check out the example project for a simple project that uses all supported widgets.

The library adds the following widgets:

Assign #

A builder widget used in combination with the flutter-view assign tag shortcut, used to assign a value to a new variable in your widget build tree.


Lifecycle #

A stateful widget that lets you hook into different lifecycle events of its state, such as initState, render and dispose. You can use these hooks for updating and cleaning up in your view-model.


ReactiveWidget #

A wrapper of a Flutter StreamWidget, that monitors a Listenable such as a Model, and triggers an update when that Listenable updates. This allows for your tree of widgets to respond to model updates.

Documentation | Usage guide

Changelog #

1.0.6 #

- Renamed from flutter_view_tools to flutter_view_widgets to be able to publish again to pub
- Use latest Flutter release
- Formatted sources with flutter format

1.0.5 #

- Formatted sources with flutter format

1.0.4 #

- Using scoped_model: ^1.0.1
- Updated example readme
- Fixed example bug

1.0.3 #

- Added example, better description, changelog.md and more documentation.

1.0.2 #

- Improved exports

1.0.1 #

- Updated readme and added scoped_model in the exports

1.0.0 #

- First public release with the tools in a new seperated tools package


import 'package:flutter/material.dart';
import 'example-page.dart';
import 'example-model.dart';

void main() => runApp(ExampleApp());

class ExampleApp extends StatefulWidget {
  State<StatefulWidget> createState() => _ExampleAppState();

class _ExampleAppState extends State<ExampleApp> {
  /// The state of the app. Because it extends [Model], it can inform the [ReactiveWidget]
  /// in the [ExamplePage] that it has updated, causing a rerender of the child of the [ReactiveWidget]
  ExampleModel model;

  void initState() {
    /// Create the app state
    model = ExampleModel();

  Widget build(BuildContext context) => MaterialApp(
        title: 'Example',

        /// Render the homepage by callig the [ExamplePage] method, passing in the model
        home: ExamplePage(model: model),

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  flutter_view_widgets: ^1.0.6

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:flutter_view_widgets/flutter_view_widgets.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Jun 5, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.8.2
  • pana: 0.13.8-dev
  • Flutter: 1.17.1


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.23.0 <3.0.0
flutter 0.0.0
scoped_model ^1.0.1 1.0.1
Transitive dependencies
collection 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies