Flutter provide a wide range of widgets to customize your layout, most of which can be found here. However if you are like me and you don’t want to miss anything related to flutter you probably have seen a few interesting widget names. In this article I will be talking about one of these widgets,the flow widget.

What the Flow Widget is NOT?

This is just a quick note before we get started if you have a Java background you may have heard of the flow layout which usually arranges components in an LRT/RTL flow, much like lines of text in a paragraph. In flutter, this is done using the Wrap widget leaving flow to serve a different purpose when it comes to layout in Flutter.

this is not the flow layout in flutter

Simple Flow Example

Let’s first start with the simplest example of the Flow widget. Once we have a basic understanding, we will look at it in greater detail and play a little more with it:

The buildItem method return a simple circle with the number passed as an argument

Now SampleFlowDelegate is where all the fun happens