On Swipe feature in the flutter


In this blog we’ll use the On Swipe feature in flutter.

In mobile app development, it is very necessary to make our app interactive and attractive. So that users will enjoy the app with more functionality.

Flutter gives many features to make our app attractive.

One of the feature is the On Swipe feature, which will I explain in this blog.

Let’s start understanding by implementing a list in which I’ll add the delete icon on the list and with on click of an icon, the item will be deleted using the On Swipe feature.

First of all,add the following dependency in your pubspec.yaml file.

Now, run the command “flutter pub get” to download the dependencies.

Add the following package to your class.

Without wasting the time let’s create a class to implement the On swipe feature.

Finally, you can run the code.

As I have added 16 items to the list and swipe the 5th item.

On swipe, I got the delete icon, and if I clicked on the icon, item no.5th has been removed from the list.

Click on the below GIF, to see the results.

For more details and methods you can refer to the official doc of flutter here.

For more interesting blogs check out here – https://mobikul.com/blog/

Hope this blog helped you with a better understanding of On swipe feature in flutter.

Thanks for reading.😇

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.


All communication is done through a ticket system. I appreciate the regular almost daily updates of what is being worked on, and communicating changes or updates is easy through this system. Mobikul's response timeframe is quick.

Josh Arnold

Josh Arnold

Owner, Shop ATV Escape

Talk to Sales


Live Chat
Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home