Flutter-view 2.0.2 has been released, with various small fixes and improvements. Read more

Flutter-view 2.0.2 Released

March 30, 2022

Styling now also works on BoxDecorations!

Simply add styles to any box-decorations using SASS and flutter-view will now pick them up.

Added some default ignores

Now that we are creating null-safe code, there were some warnings that automatic code generates that do not impact our code and are more for correct code style. Default ignores are now added so you do not get unnecessary warnings.

Color parsing bug fixed

Color weights of 50 could give an error. This has been fixed.

Text escaping workaround

There are cases where you use ${...} expressions inside text in a pug file, and there flutter-view cannot know how to interpret quotes. As a workaround, instead of escaping both " and ', flutter-view now only escapes '. This means you can always quote with double quotes to bypass and fix any quotation issues.

Assign is back in

For backwards compatibility, Assign has been fixed and is now type-safe.

To pass a type to an assign, pass the type in the name property. For example:

assign(name='User user' :^value='model.app.currentUser')
	.welcome-message Hello ${user.name}

This has been updated with the new 2.2.4 version of the flutter-view-widgets support library. Be sure to update your dependencies.

Flutter-view 2.0.0 Released

March 02, 2022

Support for Dart 2.12+ and Null-safe code

Flutter-view now generates null-safe code!

Besides flutter-view itself, the flutter-view-widgets companion library also got a null-safe update with flutter_view_widgets: ^2.0.0-dev.1.

If you upgrade to the new version, please upgrade this dependency in your pubspec.yaml.

  • Note: If you have a legacy project and do not want to migrate to the new Dart version, do not upgrade your flutter-view *

Other changes

Besides null-safety support, the following features and fixes were added:

  • Warnings now get ignored per file, and these warnings are configurable.
  • Support for assign has been dropped, as it was an antipattern
  • HTML and CSS never worked correctly, and now only PUG and SCSS are supported
  • Documentation has been updated to reflect all above changes

Flutter-view 1.0.3 Released

January 10, 2022

Now using the latest packages

Flutter-view has been updated to support the newest npm packages. This will remove any warnings when installing.

Flutter-view 1.0.2 Released

June 01, 2020

Letter-spacing added

Flutter-view has been updated to support the letter-spacing CSS property. It directly translates to the same property in Flutter text.

Besides that the javascript libraries have been updated to the newest versions.

As always, please enjoy using Flutter-view, and if you have any questions, feel free to contact or leave an issue on the flutter-view repo.

Christian Vogel Twitter: @christianvogel

Flutter-view 1.0.1 Released

July 26, 2019

Maintenance

Flutter-view has been updated to use the new Flutter and Dart dependencies. Also, 1.0.1 has a fix for Dart text escaping having been changed.

Renamed flutter-view-tools to flutter-tools-widgets

Besides this, the flutter-view-tools utility library has been renamed to flutter-view-widgets. This was necessary because I no longer could update the old repository. Please update your dependencies to be able to follow future updates.

It has also been updated to version 1.0.6 with some small improvements.

Future plans

I plan to add a new syntax to create flutter-views (not breaking the current implementation) that allows you to generate both functions and widgets.

As always, please enjoy using Flutter-view, and if you have any questions, feel free to contact or leave an issue on the flutter-view repo.

Christian Vogel Twitter: @christianvogel

Flutter-view 1.0.0 Released!

January 09, 2019

Happy new year!

logo

As a new year start, Flutter-view 1.0.0 now has been released.

All known bugs have been fixed, so working with flutter-view makes creating interfaces in Flutter faster and easier than ever. The documentation is now also complete, with documentation of every supported tag and shortcut.

This all means there is no better time to get started with flutter-view!

As always, please enjoy using Flutter-view, and if you have any questions, feel free to contact or leave an issue on the flutter-view repo.

Christian Vogel Twitter: @christianvogel

Welcome to flutter-view!

December 04, 2018

Introducing Flutter-view, a new way to lay out and style your Flutter widgets.

After nearly five months of internal development, we can finally show you what we’ve been working on! What better moment than Flutter Live ‘18 to release it on?

We built flutter-view because it is something that helped us write our own Flutter app faster. It is used heavily at https://www.nineconnections.com to write our new app. Many thanks for Floris van den Grinten for contributing heavily into making flutter-view production ready.

One of the first things we noticed as we tried using Flutter for a big app, is that working with state within the widgets was a bit cumbersome and did not scale to a larger code base. We came from using Vue.js/Nuxt.js for our backend dashboard, and enjoying how fast we could develop for it. Our designers and web developers could chip in and contriute as we worked on the code base. In a way, flutter-view is a way to bring some of this enjoyment to developing with Flutter.

However we wanted to merge it with the strengths of Flutter. Flutter-view is only a light generator, always creating understandable code. It also respects the way Flutter names properties, and where no direct CSS property matches, we use the Flutter properties. Hot reload works as always, and if you use VS Code, we created some plugins so it even works on save.

As it is, the documentation is still incomplete. We rushed to get this all up and running, and documenting will get priority now.

Please enjoy using Flutter-view, and if you have any questions, feel free to contact.

Christian Vogel Twitter: @christianvogel