How does jank happen and how to fix it? — While your app grows bigger, you might not be surprised that it starts to run slower. The situation happens with some new features, related to heavy tasks such as decoding images with high resolution, computing complicated math, or reading large files. …

Generate performance metrics and record the timeline by integration tests — I’ve been looking for a way to monitor the app performance by generating the metrics automatically for each build. Thus I can make sure any improvement does enhance the app. Performance issues can be divided into many categories, including speed, memory, app size, and energy. Today, let’s focus on the…

Build your apps by drag-and-drop interface — 2021 Google I/O was just ended a month ago. Though COVID-19 pandemic affected it that Google can only host it online, It was still amazing. Lots of ideas were shared in the conferences and today, I’m gonna share with you one of them — FlutterFlow. FlutterFlow is a tool that…

Take a look at Dart null safety and learn how to migrate your Flutter project to it. — March 3, 2021: 2.12 release This section lists notable changes made from October 2, 2020, through March 3, 2021. For details about the 2.12 release, see Announcing Dart 2.12. Just few days ago, Dart 2.12 finally released. …

RefreshIndicator comes to help! — It’s an useful behavior on the mobile app that when we scroll to the top of a vertical scroll view, and overscroll, a refresh indicator will drop down, then the new data updates after we release the control. Flutter provides a handy widget called RefreshIndicator for this purpose. As the…

How to make a spread-out and shrink-in ripple page transition? — Hello guys, today I’m going to introduce another fantastic animation. When users tap the FAB(FloatingActionButton), we navigate them from page A to page B with an animation. Not like traditional fade-in/fade-out or slide-in/slide-out one. It provides a more interesting and intuitive behavior that lets users know there is a transition…

How to implement a fantastic shimmer effect like Facebook? — When launching apps, we usually see a loading view while the app is fetching the data from the local database or the server. It is quite easy to implement a loading indicator with Flutter, just use ProgressIndicator.

How to achieve fast nested scrolling effects with Slivers? — Today we’re going to talk about how to Slivers. Let’s say we want to display a list view or grid view on the screen, we can easily take advantage of ListView or GridView. But what if we want to show them both on the same page and scroll the screen…

How to wait for your async tasks before building widgets? — Today I’m going to have a quick sharing for FutureBuilder. Before we get started, I recommend you watch the video from Google. We all know that Flutter provides Future, async, await keywords to let us handle the asynchronous tasks. Basically, we’ll implement it like this: The fetchData() will…