FlutterForce
Published in

FlutterForce

FlutterForce — #Week 66

- How I Created a Particle Clock and Won the #FlutterClock Challenge

A couple of weeks or so into the challenge I had come up with a few ideas, but not written a single line of code. My usual approach when tackling problems like this is to first seek out existing solutions for inspiration. Not this time. Instead, I started with a new document in Figma and sketched out a few ideas. They were all very simple and dull mono-color compositions of digital clock designs.

- Flutter Clock Highlight Reel

We challenged you to build a beautiful clock face UI for the Lenovo Smart Clock using Flutter. See what amazing creations you made!

- step_progress_indicator

Open source Flutter package, bar indicator made of a series of selected and unselected steps.

Made by Sandro Maglione, check out his personal official website sandromaglione.com

Check out the full step_progress_indicator tutorial

See the full example here

Check out the official dartdoc for the package here

- Flutter + Dart, or how to quickly build a mobile app without losing (too much of) your hair

Flutter is a mobile app UI SDK by Google. It utilizes the Dart VM (which boasts to be optimized for UI specifically, also by Google), giving us the opportunity to develop for both mobile and desktop devices. Dart itself can also be used for web development, even in tandem with the all-too-familiar Angular framework, but that’s a story for another day.

- Flutter Vignette — Liquid Cards

Liquid Cards : This demo aims to utilize the Flutter’s list of widgets, specially AnimtedContainer and finally Flutter’s Canvas to simulate a liquid effect..

- Flutter AnimationController — Floating Balloon Animation

In this video, you are going to take a look at:

— How to use the AnimationController to create custom animations
— How to use the AnimationController to control staggered animations

- 🕒 It’s Time: The Flutter Clock Contest Results

We are always amazed by what developers around the world are building with Flutter. This year we partnered with the Google Assistant and Lenovo teams to bring you our most recent contest: Flutter Clock — challenging you to build a Flutter clock face application for the Lenovo Smart Clock that is beautiful and innovative. by Martin Aguinis

- Build a Flutter Chat App With The Stream SDK

Build a mobile chat application similar to Facebook Messenger or WhatsApp using Stream’s Flutter Chat SDK library. By the end of this tutorial, you will have a fully functioning mobile app with support for rich messages, reactions, threads, image uploads and videos.

- supercharged

Supercharged brings all the comfort features from languages like Kotlin to all Flutter developers.

- Flutter Web: Things to know…

About two years ago we decided to rewrite our native mobile apps using Flutter, then a year later we decided to use Flutter Web to convert our mobile app into our new web app. You can see the results of our efforts at invoiceninja.com/demo. This is an early pre-release demo but we’re really happy with the results so far.

- Flutter Design Patterns: 16 — Decorator

Previously in the series, I have analysed a relatively simple, but very practical design pattern — Proxy. This time I would like to represent a design pattern, which, unlike the Strategy design pattern, extends the functionality of an object instead of exchanging it. It is a structural design pattern called Decorator. by Mangirdas Kazlauskas

- Flutter web cursor with hand pointer style

Working with Flutter it is a pleasant experience. Easy, fast, productive, it just works.
We can create Flutter Apps for iOS and Android in an extremely short time. But even more, we can deliver a web-based experience to the users. Not just mobile “native”.
Google says Flutter web it is not ready for production. I believe so, there are still some missing features when it comes to making your App ready for the web.
But that does not mean that we can just use it and be aware of the little limitations we still have.
I have been working on a web based project with Flutter. The first issue I found is that the user does not have the same experience as on the web.

- How to build responsive apps with Flutter: Widgets review

Changes are usual for an app configuration. When the user rotates the phone either vertically or horizontally, the keyboard appears. The release of the foldable smartphones, multiwindow features for Android and Catalyst (the project allowing users to run iOS apps on macOS) for iOS, has uncovered unlimited variations of screen sizes.

- WidgetView — A Simple Separation of Layout and Logic

One of the most interesting aspects of Flutter, is the way it mixes declarative markup-style code, with imperative business logic style code, all within the same Dart programming language and file. This creates a really nice coupling between interface and function. When compared to editing XAML for UWP apps, or XML for native Android, building interfaces in Flutter can be a very rapid workflow.

- Flutter on Surface Duo: Part 1

Flutter really caught my eye though, and I really enjoyed how quickly you could develop something with it and iterate so fast. I couldn’t find any projects to use Flutter on so all my work was for side projects of mine and to simply stay abreast of what was going on in the community. by John Wiese

- ShaderMask (Flutter Widget of the Week)

ShaderMasks are one of Flutter’s hidden gems! ShaderMasks let you apply a shader to one or more widgets in the tree. There’s tons of cool effects you can achieve with shaders.

- Students: Join a Dart project for Google Summer of Code 2020

Google Summer of Code (GSoC) is a global program focused on bringing student developers into open source software development. Students are sponsored by Google to work with a mentoring open source organization on a 3-month programming project during the summer. Over the past 15 years more than 15,000 students have participated in Google Summer of Code. by Jonas Finnemann Jensen

Thanks for reading!

Leave a comment below or tweet me if with any questions/suggestions, or adding resources.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store