https://github.com/flutter-view/flutter-view-widgets
Optional library of Flutter Dart tools for flutter-view
https://github.com/flutter-view/flutter-view-widgets
dart flutter flutter-view library tools
Last synced: about 1 month ago
JSON representation
Optional library of Flutter Dart tools for flutter-view
- Host: GitHub
- URL: https://github.com/flutter-view/flutter-view-widgets
- Owner: flutter-view
- License: bsd-3-clause
- Created: 2018-11-17T16:04:30.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-05-03T14:30:50.000Z (about 3 years ago)
- Last Synced: 2025-05-08T00:53:12.756Z (about 1 month ago)
- Topics: dart, flutter, flutter-view, library, tools
- Language: C++
- Size: 29.7 MB
- Stars: 8
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.
> Notice: version 2.0.0 and up support null safety, and because of this may not be compatible with legacy code. Use the earlier versions if you use Dart before 2.12.
Flutter-view is a tool that lets you easily create layouts for Flutter, using Pug and Sass.
[http://flutter-view.io](http://flutter-view.io)
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](https://docs.flutter-view.io/get-started/installation#installing-flutter-view-widgets) on how to get started with this library in your own flutter-view project.
Check out the [example project](./example) for a simple project that uses all supported widgets.
The library adds the following widgets:
## Lifecycle
A stateful widget that lets you hook into different [lifecycle events](https://flutter.io/docs/development/ui/widgets-intro#responding-to-widget-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.
[Documentation](https://docs.flutter-view.io/reference/tag-shortcuts#lifecycle)
## ReactiveWidget
A wrapper of a Flutter **StreamWidget**, that monitors a **Listenable** such as a **[ChangeNotifier](https://docs.flutter.dev/development/data-and-backend/state-mgmt/simple#changenotifier)**, or **[Model](https://pub.dartlang.org/documentation/scoped_model/latest/scoped_model/Model-class.html)** and triggers an update when that **Listenable** updates. This allows for your tree of widgets to respond to model updates.
[Documentation](https://docs.flutter-view.io/reference/tag-shortcuts#reactive)
| [Usage guide](https://docs.flutter-view.io/guide/writing-reactive-code)
## Reactive
A small wrapper for any value, making it listenable. This lets you make any value listenable, instead of having to extend **Model** or **ChangeNotifier**.
### Example:
```Dart
final user = Reactive(User(name: 'John'));
user.addListener(() { print('updated'); });
print(user.value); // prints John
user.value = 'Mary'; // prints 'updated'
print(user.value); // prints Mary
```