Circle Image View in Flutter

Circle or Circular images are looking cool. Really, like we are used to seeing them almost everywhere, and as I could not find any example for doing this I thought that I could make a really simple one.

In this example, I will show just a basic screen with a circle image and a text underneath, and loading the image from url, if you are trying to load a asset image, just replace NetworkImage with AssetImage, and will do the thing.

The code will look something like this

And how it looks

Just as easy. You could create a custom widget for more generic use.

Full code:

So yea, circular image views can be easily implemented in Flutter also, probably in the near future we’ll have a better support, maybe something like CircularNetworkImage, but who knows.