Refresh Indicator Flutter 🏊🏻‍♀️ 🏊🏻

Osama Asif
2 min readSep 17, 2021

Hi folks, today we are going to discuss that how to use the refresh indicator in flutter applications.

What is Refresh Indicator? 😯

A widget that supports the Material “swipe to refresh” idiom.

When the child’s Scrollable descendant over scrolls, an animated circular progress indicator is faded into view. When the scroll ends, if the indicator has been dragged far enough for it to become completely opaque, the onRefresh callback is called. The callback is expected to update the scrollable’s contents and then complete the Future it returns. The refresh indicator disappears after the callback’s Future has been completed.

How to use Refresh Indicator?🤔

The implementation is so easy👻. What you have to do is to wrap your scrollable widget with RefreshIndicator. Take a look at the below code snippet.

Take a look at the below gif 👇

Hurray…!!!🥳🥳🥳

Now we know that how to use refresh indicator and don’t you think so that the implementation was so easy😉

If you like it. So, support me by giving claps and hit the follow button🙏🏽

For the source code, the GitHub repo link is here 👇

Subscribe to me on youtube🤝

--

--

Osama Asif

Seasoned software engineer with over 6 years of extensive industry experience specializing in the development of mobile applications.