FlutterForce — #Week 73

Ümit Duran
Flutter Force
Published in
6 min readApr 19, 2020

- Announcing CodePen support for Flutter

Today we’re excited to announce that CodePen, the leading social development environment for millions of front-end developers and designers, is adding support for Flutter! For web developers CodePen has long been a great place for sharing design explorations, new techniques, and ideas. Now with the introduction of Flutter, CodePen enables a new audience to learn, share and promote their creativity.

- Flutter RS — Build desktop apps in Flutter

Build beautiful desktop apps with flutter and rust. 🌠 (wip)

- Online Course App — Flutter UI

We created online course app like udemy or skillshare #UI by using #flutter. On home page you can search courses or find your course by selecting a category. On course details page shows it’s price, rating and number of people who brought this corse and more.

- Dart Instruments, an alternative to DevTools

- Building RPG games with Flutter

(RPG maker) Create RPG-style or similar games more simply with Flame.

- Codepen support for Flutter — Flutter News

On the 15. April the Flutter Team announced the brand new integration from #Flutter into #Codepen. In this video, I will explain how this combination is impressive and why you should be excited, too.

- custom_refresh_indicator

This package provides CustomRefreshIndicator widget that make it easy to implement your own custom refresh indicator. It listens for scroll events from scroll widget passed to child argument and parsing it to data easy for custom refresh indicator implementation. Indicator data is provided by IndicatorController (third argument of builder method). Long story short... thats it!

- Flutter: Introducing StatsFl, an FPS monitor for Flutter

As we begin pushing Flutter to more platforms such as Desktop and Web, it is becoming increasingly important to quickly and easily measure performance of your application. While the built-in performance monitor gets the job done, it leaves a lot to be desired in terms of readability and flexibility.

- Flutter Neumorphic Calculator Design Tutorial

A simple neumorphic calculator app created using Flutter. Yikes.

- Syntactic sugar for your Flutter animations with Supercharged

Supercharged is an extension function package for Flutter. It adds some cool functions you might know from other languages to the Flutter world. by Felix Blaschke

- Introduction to Flutter Development Using Dart

Welcome to Introduction to Flutter Development with Dart — created in collaboration with the Google Flutter team.

The course contains the first 10 hours of the Complete Flutter Development Bootcamp and will teach you all the fundamentals of Flutter development to get you started. We built this course over months, perfecting the curriculum together with the Flutter team to teach you Flutter from scratch.

Our Flutter development course teaches you how to code using Dart and build beautiful, fast, native-quality iOS and Android apps. Even if you have ZERO programming experience.

- Parse Server: Part 1 (Firebase backend alternative)

In this video, I will show you how to set up Parse Server on Digital Ocean. The links from the video are below.

- How to build a Master Detail Scaffold

In this video I walk though how to build a ListView that works great on desktop, mobile and tablets. Similar to UIKit Master Detail Controller we explore how to achieve a similar effect in Flutter.

- Flutter Design Patterns: 18 — Builder

Previously in the series, I have analysed a relatively complex, but very practical and useful structural design pattern — Bridge. This time I would like to represent a design pattern, which divides the construction of a complex object into several separate steps. It is a creational design pattern called Builder. by Mangirdas Kazlauskas

- Building a Top Ten List: Using ReorderableListView to Reorder List Items

In this article we’ll be looking at how to use ReorderableListView to reorder list items inside of our Flutter applications. The ReorderableListView is part of the Material library and should be used for smaller list(s) without a substantial amount of items.

The ReorderableListView doesn't support the use of a builder method as it uses a SingleChildScrollView under the hood. As a result, you could see performance issue(s) with larger lists - keep this in mind!

- Remote Config in Flutter

Today we’ll talk about Firebase Remote Config. This is a tool that can be used to allow for remote configuration of your application. On thing to keep in mind. Remote Config is NOT REAL-TIME. It has a default caching time of 12 hours, meaning for 12 hours it’ll use the local values and only once that time is expired will it get the new values and apply them locally. This is a tool used for things like A/B testing, conditional rollouts and partial feature releases. If these are not in your priority list then this is probably not the tool for you.

- tflite_flutter

TensorFlow Lite plugin provides a dart API for accessing TensorFlow Lite interpreter and performing inference. It binds to TensorFlow Lite C API using dart:ffi.

- How to Save Data to LocalStorage and SharedPreferences in Flutter

In this article we’re going to investigate how we can create a simple integration with the localstorage and shared_preferences plugin inside of our Flutter applications. We'll be creating a StorageRepository and StorageService as their own package so we can include them in our other project(s) easily.

- Flutter & MobX: Dark/Light Mode Switcher

In this article we’re going to create a small application that uses MobX and Provider to toggle between two ThemeData states.

- Colorz

You’re creating an app and trying out different Colors? A little Colors.green, or maybe even Colors.teal or Colors.pink? There are so many more inspiring colors you're missing out on!

🎨 On colornames.org people from all over the word come together to name colors. This package makes the 10.000 most upvoted colors available in your Flutter app! That’s the best 0.059 % of all 16.7 million RGB colors!

- Nilay Yener — Flutter Coffee-table Berlin 2019

This time, our coffee-table is joined by Nilay Yener, a Google DevRel for Flutter! We discuss how she became a pillar for the Flutter Community, her view on the platform and future plans.

- Playing with Paths in Flutter

Everything is a widget in Flutter. And there are so many awesome widgets available in Flutter but one of my favourite widget is CustomPaint. by Divyanshu Bhargava

CustomPaint is a widget that provides a canvas on which to draw during the paint phase.

Thanks for reading!

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

--

--