Path To DevFolio, Image Banner HowTo

One of the things you need for a DevFolio website built using Flutter is a rotating image banner. Let me show you how to build one.

What To build

Here is a video of what we need:

It’s just basically rotating some images with an indicator shown over the image. And here is a screenshot:

So what we need is:

1. Some List with URL path strings.

2. Use PageView in the widget along with a page controller

4. Shapes to decorate the image indicator shown at the bottom

5. Since the widget will use mutables, the Stateful widget

Okay, let’s implement it.

Implementation

Our List String of URL paths: