Flutter Packages Widgets Architecture
19.8K views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by Jan Hesse
July 18, 2018 1:45 PM
Scoop.it!

State Management Using BLoC Pattern In Flutter

I have always been excited about learning Reactive Programming and using it in my app development. Recently, I have been exploring Flutter, Google’s mobile framework to build cross-platform apps in…
No comment yet.
Scooped by Jan Hesse
July 15, 2018 3:44 PM
Scoop.it!

Flutter implementation of the Squanchy conference app

Flutter implementation of the Squanchy conference app | Flutter Packages Widgets Architecture | Scoop.it

Squanchy is an open source schedule platform for conferences.

This repository contains the Flutter port of the Squanchy Android app.

The project is maintained by independent contributors.

No comment yet.
Scooped by Jan Hesse
July 15, 2018 3:39 PM
Scoop.it!

Flutter — Localization: step by step

Flutter — Localization: step by step | Flutter Packages Widgets Architecture | Scoop.it

Localization in Flutter is like any other thing, a Widget. We’re going to use the package flutter_localizations that is based on Dart intl package and it supports until now about 24 languages.

This is the typical way of doing using the Dart intl package and a little bit convoluted, but it’s not the only way, stay tuned;).

No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:55 PM
Scoop.it!

An MVC approach to Flutter –

An MVC approach to Flutter – | Flutter Packages Widgets Architecture | Scoop.it

As you know, like other design patterns, MVC aims to decouple its three major components allowing for efficient code reuse and parallel development. Like most things, it generally ‘makes Life easier’ if you break things down into its separate working parts. In most cases, the bigger the software application and/or its complexity; the bigger the importance to implement such a pattern.

No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:47 PM
Scoop.it!

Flutter Animation - Introduction

In this video I'll show you how to use basic flutter animation feature to make an icon grow and rotate. https://github.com/m0hamdan/Flutter-Animation-Intro
No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:25 PM
Scoop.it!

Dart (Flutter Tutorials)

youtube playlist of coding excercises

No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:12 PM
Scoop.it!

Building a Movie Searcher with RxDart and SQLite in Dart's Flutter Framework (Part 3, Final)

In this tutorial, we finish our movie searcher application by doing some heavy refactoring and adding a tab bar as well as a favorites page.

No comment yet.
Scooped by Jan Hesse
April 6, 2018 5:44 PM
Scoop.it!

Flutter Navigation Tutorial

Flutter Navigation Tutorial | Flutter Packages Widgets Architecture | Scoop.it
Dive into the Flutter framework for building iOS and Android apps in a single codebase, by writing a cross-platform app using VS Code.
No comment yet.
Scooped by Jan Hesse
March 19, 2018 5:40 PM
Scoop.it!

Xamarin vs. Newcomer Flutter: What Developers Say

Xamarin vs. Newcomer Flutter: What Developers Say | Flutter Packages Widgets Architecture | Scoop.it
Although it was only just released as a beta, the open source Flutter framework for cross-platform mobile app development is drawing comparisons with Microsoft's Xamarin in the developer community.
No comment yet.
Scooped by Jan Hesse
March 19, 2018 5:34 PM
Scoop.it!

Flutter: Developer experience on Google’s React Native competitor

Flutter: Developer experience on Google’s React Native competitor | Flutter Packages Widgets Architecture | Scoop.it

React Native, a very successful framework for building mobile apps is slightly gaining a huge part of the native development world. Is it the other area in which Google sees potential big deal? In my opinion yes – and I think that’s why they rolled out Flutter.

No comment yet.
Scooped by Jan Hesse
March 19, 2018 3:51 AM
Scoop.it!

Line Chart in Flutter - WeightTracker 6

Line Chart in Flutter - WeightTracker 6 | Flutter Packages Widgets Architecture | Scoop.it
In this post I will go through the process of creating line chart for my WeightTracker app. Since there is no official support for drawing charts yet, we will do it by our own :) . Expected result is a Widget displaying history of weight entries. Let's get to it!
No comment yet.
Scooped by Jan Hesse
March 18, 2018 12:19 PM
Scoop.it!

Flutter's Rendering Pipeline

Archimedes once said "give me a deep enough pipeline, and I shall move the world." Well, that's what he should have said in any case. This talk will describe the nuts and bolts of how Flutter transforms a tree of widgets into pixels on the screen at 60 Hz by pushing data through its pipeline of layout, painting, compositing, and finally rasterization.

No comment yet.
Scooped by Jan Hesse
March 18, 2018 12:12 PM
Scoop.it!

Animation Management with Flutter and Flux/Redux

Animation Management with Flutter and Flux/Redux | Flutter Packages Widgets Architecture | Scoop.it
The Flux and Redux application architectures work well with reactive view frameworks like Flutter. Both architectures share two powerful notions: creating a unidirectional data flow in an…
No comment yet.
Scooped by Jan Hesse
July 18, 2018 1:42 PM
Scoop.it!

Build reactive mobile apps in Flutter — companion article

At Google I/O, Matt and I gave a talk about state management called Build reactive mobile apps in Flutter. If you missed it, you can watch it below: ValueNotifier is a basic implementation of…
No comment yet.
Scooped by Jan Hesse
July 15, 2018 3:41 PM
Scoop.it!

Just enough Dart for Flutter

Just enough Dart for Flutter | Flutter Packages Widgets Architecture | Scoop.it

Before you dive into Flutter you have to learn the programming language that is used to build Flutter apps, and that is Dart.

While learning Dart is not that difficult of a task, because it is more or less a mixture of Java and JavaScript, it still takes time to understand a programming language. But you just can’t wait to write a Flutter app!

No comment yet.
Scooped by Jan Hesse
April 13, 2018 7:27 AM
Scoop.it!

Flutter: Pinterest-Style Photo Grids

Flutter: Pinterest-Style Photo Grids | Flutter Packages Widgets Architecture | Scoop.it

If you’re a fan of Flutter and like to explore Mediums’ article collection, then you’ve probably seen Romain Rastel’s Flutorial on creating a Staggered Gridview. He begins the article with a nod to Pinterest’s layout, but the code sample provided demonstrates icon grids with colored backgrounds. I made some changes to his code in order to recreate the Pinterest effect.

You can clone this project from the Github repo that I created here. The full main.dart file is also available at the bottom of this article, for easy reference.

No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:49 PM
Scoop.it!

Flutter: Building a WhatsApp Clone from scratch | UI | Material Design

In this video, we’ll learn how can we clone the WhatsApp UI in flutter. We will build an app which is a clone of our favourite messenger WhatsApp. Give sta
No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:39 PM
Scoop.it!

We Rebuilt a React Native App with Flutter

Last year, we launched a React Native starter kit called Flat App. This kit contains a flat UI design along with Redux and NativeBase components for iOS and Android application. Flat App is basically…
No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:18 PM
Scoop.it!

Flutter Academy

Flutter Academy | Flutter Packages Widgets Architecture | Scoop.it
Learn to create cross platform native applications with the Flutter UI Framework.
No comment yet.
Scooped by Jan Hesse
April 12, 2018 4:02 PM
Scoop.it!

Building a List in Redux with Dart's Flutter Framework

In this tutorial, we build a basic list application using Redux Source Code: https://github.com/tensor-programming/flutter_redux_tutorial_list

No comment yet.
Scooped by Jan Hesse
March 19, 2018 5:55 PM
Scoop.it!

Quick-start Flutter on Windows –

Quick-start Flutter on Windows – | Flutter Packages Widgets Architecture | Scoop.it

My cross-platform mobile app development journey stared from the time when Microsoft acquired Xamarin. C# was close to what I had already been developing (to be honest, I was mad developing illogical C++ games, uh!). It was all good until we realized Windows Phone and the Windows Store apps were not evolving much, I moved to React Native. I just read the documentation and closed my browser accepting that I wasn’t comfortable with JavaScript. Still, in middle of developing apps for Android and thinking whether it should be Android Studio or Xamarin, I had a feeling that one day I’ll start making cross-platform apps no matter what it takes. Fortunately, my type of nativeness came in the least expected form. The surprise was from Google. Let’s talk Dart and Flutter!

No comment yet.
Scooped by Jan Hesse
March 19, 2018 5:37 PM
Scoop.it!

Why Flutter Uses Dart

Why Flutter Uses Dart | Flutter Packages Widgets Architecture | Scoop.it

Many linguists believe that the natural language a person speaks affects how they think. Does the same concept apply to computer languages? Programmers working in different kinds of programming languages often come up with radically different solutions to problems. As a more extreme example, computer scientists eliminated the goto statement to encourage more structured programs (not quite the same as totalitarian leaders in the novel 1984 expunging heretical words from natural language to eliminate thoughtcrimes, but you get the idea).

What does this have to do with Flutter and Dart? Quite a bit actually. The early Flutter team evaluated more than a dozen languages, and picked Dart because it matched the way they were building user interfaces.

No comment yet.
Scooped by Jan Hesse
March 19, 2018 5:20 PM
Scoop.it!

Flutter from an Android Developer’s Perspective

Flutter from an Android Developer’s Perspective | Flutter Packages Widgets Architecture | Scoop.it
Flutter first came into my crosshairs in late February when I read the beta release article on Google Developers Blog. While I was excited about a new cross platform mobile language, React native and…
No comment yet.
Scooped by Jan Hesse
March 19, 2018 3:47 AM
Scoop.it!

"Ok Google, use my Flutter app!"

"Ok Google, use my Flutter app!" | Flutter Packages Widgets Architecture | Scoop.it
In this post I would like to show you how I integrated Google Assistant/Google Now with my WeightTracker app written in Flutter (works only on Android).
No comment yet.
Scooped by Jan Hesse
March 18, 2018 12:16 PM
Scoop.it!

The Flutter Episodes

Tips and tricks on using the flutter api. It's in tech preview, so things may change. https://flutter.io/

 

Youtube channel: https://www.youtube.com/playlist?list=PLBbgqtDgdc_RUWUCInIqxpY--C94C6Xjh

No comment yet.