Flutter Packages Widgets Architecture
19.7K views | +0 today
Follow
 
Scooped by Jan Hesse
onto Flutter Packages Widgets Architecture
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.
Your new post is loading...
Your new post is loading...
Scooped by Jan Hesse
September 20, 2021 5:41 PM
Scoop.it!

A guide to theming your app in Flutter

A guide to theming your app in Flutter | Flutter Packages Widgets Architecture | Scoop.it
A beautiful, well designed app theme can make or break a project. Refresh yourself on the basics of theming in Flutter in this tutorial.
No comment yet.
Scooped by Jan Hesse
August 15, 2021 2:35 AM
Scoop.it!

UML Coolness In Flutter. Part of the little details of dev-ops…

UML Coolness In Flutter. Part of the little details of dev-ops… | Flutter Packages Widgets Architecture | Scoop.it
Part of the little details of dev-ops is getting an UML diagram generated for your Flutter project. UML diagrams aid developers in understanding how OOP-wise your code fits together. It’s also a nice…
No comment yet.
Scooped by Jan Hesse
August 15, 2021 2:24 AM
Scoop.it!

How Flutter renders the UI. As developers we make our UI through…

How Flutter renders the UI. As developers we make our UI through… | Flutter Packages Widgets Architecture | Scoop.it
As developers we make our UI through widgets, but how do they end up on the screen? How do we get that smooth 120 frames per second? Let’s do a quick deep-dive in how the framework goes from the…
No comment yet.
Scooped by Jan Hesse
April 18, 2021 6:13 PM
Scoop.it!

Flutter’s Skia Engine Takes Cross-Platform App Development To a New Level

Flutter’s Skia Engine Takes Cross-Platform App Development To a New Level | Flutter Packages Widgets Architecture | Scoop.it

All of the above of course doesn’t take away from Skia’s tremendous value, but it’s by no means the cool-factor of the framework. In fact, at first look, some might even find it off-putting, so it sort of makes sense that Google’s marketing of Flutter doesn’t have Skia left, right and center. And understandably so. Starting the sell of a new cross-platform framework with “it’s a Canvas powered by OpenGL” would be almost as irresponsible as selling a hypothetical new generation Porsche’s engine with “it’s a hydrogen balloon, powered by a spark plug and a tank of nitrous oxide” as the opening line.

No comment yet.
Scooped by Jan Hesse
April 12, 2021 6:20 AM
Scoop.it!

Create Your App With Flutter In 5 Days

Create Your App With Flutter In 5 Days | Flutter Packages Widgets Architecture | Scoop.it
Developing an application with Flutter is nothing more than a story of fantasy. In reality, no matter how proficient you are in app development, you have to deal with plenty of technologies and its flaws. In fact, in the world of mobile app development, there’s an endless race between two giants iOS and Android.
No comment yet.
Scooped by Jan Hesse
January 25, 2021 4:06 PM
Scoop.it!

Tutorial / Building a Realtime Cryptocurrency App with Flutter

Tutorial / Building a Realtime Cryptocurrency App with Flutter | Flutter Packages Widgets Architecture | Scoop.it
Learn about realtime in Flutter by building a cryptocurrency app that has a dashboard, chat room and Twitter feed.
No comment yet.
Scooped by Jan Hesse
January 15, 2021 6:37 PM
Scoop.it!

Widget Testing With Flutter. As your application gets greater and…

Widget Testing With Flutter. As your application gets greater and… | Flutter Packages Widgets Architecture | Scoop.it
As your application gets greater and greater, a decent arrangement of tests may help you save time, as tests can discover new bugs that could show up with ordinary alterations. Flutter automated…
No comment yet.
Scooped by Jan Hesse
January 9, 2021 6:57 AM
Scoop.it!

Flutter Quotes App

Flutter Quotes App | Flutter Packages Widgets Architecture | Scoop.it
I have been exploring flutter for the last 8 months, and today I am going to take you all on a journey where you will learn to make your own simple yet beautiful app where you will learn to make API…
No comment yet.
Scooped by Jan Hesse
December 18, 2020 2:04 PM
Scoop.it!

Flutter vs React Native vs Native: Deep Performance Comparison

Flutter vs React Native vs Native: Deep Performance Comparison | Flutter Packages Widgets Architecture | Scoop.it
inVerita and its mobile development team continuously dig into the performance of cross-platform mobile solutions available on the market to answer the question which technology is best Flutter or…
No comment yet.
Scooped by Jan Hesse
November 22, 2020 4:52 AM
Scoop.it!

Why we Chose Flutter as One of Our Cross-platform Development Toolkits

Why we Chose Flutter as One of Our Cross-platform Development Toolkits | Flutter Packages Widgets Architecture | Scoop.it
“Please, I’ve already heard all the marketing stuff from other agencies. Could you tell me how exactly Flutter can ensure the stability and high performance of my app?” – said the client at the very beginning of our first meeting.
No comment yet.
Scooped by Jan Hesse
November 18, 2020 3:55 PM
Scoop.it!

Flutter Widgets (Grid View) The Whole Picture

Flutter Widgets (Grid View) The Whole Picture | Flutter Packages Widgets Architecture | Scoop.it
GridView flutter widget and four other forms of GridView, GridView.count, GridView.builder, GridView.extent, GridView.custom. Learn about it i
No comment yet.
Scooped by Jan Hesse
November 7, 2020 3:42 PM
Scoop.it!

Use Flutter to Make an App for Mobile, Web, and Desktop - All with One Codebase

Use Flutter to Make an App for Mobile, Web, and Desktop - All with One Codebase | Flutter Packages Widgets Architecture | Scoop.it
Flutter is a UI software development kit from Google that allows developers to build natively compiled applications for mobile, web, and desktop from a single codebase. We've released a Flutter Essentials course on the freeCodeCamp.org YouTube channel. This beginner's course will teach you everything you need to know to
No comment yet.
Scooped by Jan Hesse
September 16, 2020 4:13 PM
Scoop.it!

Using the BLoC pattern for clean Flutter apps, theory and a practical example

Using the BLoC pattern for clean Flutter apps, theory and a practical example | Flutter Packages Widgets Architecture | Scoop.it
While it can be an overlooked thing in a small project (which I don’t think it should either), when it comes to a medium/large project it’s necessary to take in account the fact that we need a clean…
No comment yet.
Scooped by Jan Hesse
August 17, 2021 2:37 AM
Scoop.it!

Adding Flutter to your existing iOS and Android codebases

Adding Flutter to your existing iOS and Android codebases | Flutter Packages Widgets Architecture | Scoop.it
Whether you’re working for a small agency that creates mobile apps for an assortment of clients, or you’re developing for a massive corporation with hundreds of internal applications, supporting…
No comment yet.
Scooped by Jan Hesse
August 15, 2021 2:34 AM
Scoop.it!

Flutter - deploying your app to Play Store

Flutter - deploying your app to Play Store | Flutter Packages Widgets Architecture | Scoop.it
I've had some luck to study and work with flutter these days. Flutter is a Google's UI kit, made for... Tagged with beginners, flutter, tutorial, devjournal.
No comment yet.
Scooped by Jan Hesse
May 11, 2021 2:54 PM
Scoop.it!

How to Set Up Local Notifications in Flutter

How to Set Up Local Notifications in Flutter | Flutter Packages Widgets Architecture | Scoop.it
Notifications are an excellent way to engage your users or to get them to go back to your application. You can also use notifications to make users pay attention to something while they're using the app. There are two types of notifications: Push NotificationsLocal NotificationsAs the title of this article
No comment yet.
Scooped by Jan Hesse
April 18, 2021 6:01 PM
Scoop.it!

Responsive design at different levels in Flutter

Responsive design at different levels in Flutter | Flutter Packages Widgets Architecture | Scoop.it
Responsive design is very important for those who want to target different platforms using a single code base. This is especially true for Flutter development since Flutter targets all major…
No comment yet.
Scooped by Jan Hesse
February 12, 2021 3:05 PM
Scoop.it!

1 year in production with Flutter: lessons learned

1 year in production with Flutter: lessons learned | Flutter Packages Widgets Architecture | Scoop.it
How to structure your Flutter app, which libraries are useful, what practices work better within a team, how to solve different common problems.
No comment yet.
Scooped by Jan Hesse
January 15, 2021 6:38 PM
Scoop.it!

Getting Started With The GetX Package In Flutter Applications

Getting Started With The GetX Package In Flutter Applications | Flutter Packages Widgets Architecture | Scoop.it
GetX is an extra lightweight solution for state, navigation, and dependencies management for Flutter applications. In this article, we will be looking at its benefits, features, and how to start using it in Flutter applications.
No comment yet.
Scooped by Jan Hesse
January 9, 2021 6:58 AM
Scoop.it!

Hive DataBase With TypeAdapter In Flutter

Hive DataBase With TypeAdapter In Flutter | Flutter Packages Widgets Architecture | Scoop.it
Many applications require information handling on the phone and, further, their synchronization with the backend. For instance, to-do lists, arrangements of any information (analyzes, notes, and so…
No comment yet.
Scooped by Jan Hesse
January 9, 2021 6:49 AM
Scoop.it!

Executing Heavy Tasks Without Blocking the Main Thread on Flutter

Executing Heavy Tasks Without Blocking the Main Thread on Flutter | Flutter Packages Widgets Architecture | Scoop.it
On Flutter everything runs on a single (main) isolate and executes only one operation at a time. This means while your app is doing strenuous work, you will lose the interaction and the UI will freeze. We can create new isolates and do the heavy work there, but every isolate can reach only its own memory, and if you have to use a large set of data it won't be very optimal because we have to copy the large data from one isolate to another, and it can still block the main isolate while doing that.

Every situation requires a different approach but in most cases we can solve them on the main isolate using an event queue optimally. Let me show you one of these approaches.
No comment yet.
Scooped by Jan Hesse
December 9, 2020 4:52 PM
Scoop.it!

Flutter State Management in 2021: When to Use What?

Flutter State Management in 2021: When to Use What? | Flutter Packages Widgets Architecture | Scoop.it
Sometimes, state management monopoly is good; in React, there’s really only one or two state management solutions that are seen regularly. As the wild beast that 2020 was draws to a close, there…
No comment yet.
Scooped by Jan Hesse
November 18, 2020 3:57 PM
Scoop.it!

How to Save and Read Data from Shared Preferences in Flutter

How to Save and Read Data from Shared Preferences in Flutter | Flutter Packages Widgets Architecture | Scoop.it
Shared preferences are used to store the small amount of data like some int, double, bool, or string value in the local memory. Let me take a simple use case of it for your better understanding.
No comment yet.
Scooped by Jan Hesse
November 18, 2020 3:53 PM
Scoop.it!

Demystifying responsive layout in Flutter

Demystifying responsive layout in Flutter | Flutter Packages Widgets Architecture | Scoop.it
Flutter being a cross-platform app development framework supports devices with hugely varying screen sizes, it can run on a device as small as a smartwatch to devices like a large TV. It’s always a…
No comment yet.
Scooped by Jan Hesse
September 16, 2020 4:51 PM
Scoop.it!

Building Chat App in Flutter with Firebase

Building Chat App in Flutter with Firebase | Flutter Packages Widgets Architecture | Scoop.it
Undoubtedly, chat apps have become a hot topic of the town and have taken the world by storm in recent years. With 2 billion users accessing the WhatsApp messenger on a monthly bases and projected to…
No comment yet.