Member-only story

Image Slider In Flutter With Example

Dhaval Thakur
3 min readJul 2, 2020

--

Ever wondered what we call those image sliders on the Apps and websites like Amazon, Flipkart, etc.

Those elegant looking image Sliders are known as Carousels. We have two most famous frequently used Dart packages for Carousels widget.

In this very Blog, we will be only Discussing the Second Package mentioned above. The choice is personal, but I would recommend if you are either or at Intermediatelevel of your Flutter Development. Try this one.

Carousel_pro 1.0.0

This Dart package is really easy to implement just like any other Widget in Flutter. Initially, when I tried Developing my own carousel it was really difficult and messy.

So, I looked up and initially found the carousel_slider package which was Little difficult to get hands-on with ( as I said it’s your personal choice, you can opt any according to your requirements), So enough talking about my Experience, its time to get our hands dirty with the coding part.

Implementation

import ‘package:carousel_pro/carousel_pro.dart’;

Guys one thing before we start coding. We should be familiar with the two ways in which we add images in Flutter.

Sample Image what we are trying to accomplish here: Now finally Source Code:

--

--

Dhaval Thakur
Dhaval Thakur

Written by Dhaval Thakur

Data Enthusiast, Geek, part — time blogger. Every week 1 new Data Science/ Product Management story 🖥 I also write on Python, scripting & blockchain

No responses yet