Why organize your tests? Well, how do you get correct feedback on tests if it’s disorganized? Part of my job in authoring at least two flutter app development books this year is to make sure every developer learning flutter can complete two missions: 1.Learning Flutter Fast 2.Be Able To Push…

Google recommends the Go Router package to use the navigator 2.0 API in flutter. But, the docs is a bit obtuse. Let me show you the easy way to implement navigator 2.0 with Go Router. The Shared Scaffold First, we need a shared scaffold. This is one from my own website folio that…

The name of the game here, is to see if we can out design the two top presenters of Flutter conferences; namely, GSkinner and Very Good Ventures. One way to do that is to do a better job of choreographing screen animation. What I am going to show is some…

This is another thing that is not directly in the Flutter Docs, this is a way to use the scroll controller as a cheap choreographer. The Shared Scaffold Hooks The first step is to provide the correct hooks to the scroll controller. That requires both a scroll controller and listeners: So now we…

Let me show you a real easy way to brand buttons in flutter apps. The Trick If you define a stateful as your custom button and define your custom button right in the build as a separate variable, you can add the animation to brand your button: It’s a nice and…

For a designer website, the social proof needs to be in the home screen via animated information panels. One of the ideal ways is to implement an alignment animation that is triggered via website user scrolling. Let me show you a very quick and easy way to implement this UX…

Why do this? Because the ultimate test of whether I get design and flutter or not is to transform GSkinner’s own Folio website into a Flutter version with some new design polish tweaking surpassing GSkinner’s own design! Not to mention is somewhat a feather in my cap to out-design GSkinner! …

Okay, the reason why you have trouble understanding state management is that it is usually explained wrong. Let’s correct that aspect. State Starts With Stateless and Stateful Widgets When Google implemented the Flutter’s framework render engine the second-time, it was not a native reactive implementation, in that they found when they implemented the render engine the first…

We are going to get into how the Layout system works internally, so we can understand how to make complex UI components. The Multi Child Layout Algorithm Flutter’s multi-child layout algorithm is used when the constructor of a Flex is called, and the Flex is what we use as a basis for Rows and Columns…