[feature_request] Pull to refresh from bottom about flutter-custom-refresh-indicator

[AndreiMisiukevich]

Hey folks, what was the reason it's disabled in flutter 3?

[gustavomaedo]

It is no longer working in Flutter 3

[gustavomaedo]

This commit is the problem! (Feb 18, 2022)
"Show RefreshIndicator on top when scroll's axis direction is up (matching native behaviour) (#93779)"
flutter/flutter@14a406f

I'm using the code from the previous commit (Jan 28, 2022):
flutter/flutter@120d25f?diff=unified

[aednlaxer]

I haven't tested this yet but it sounds fantastic! Thanks @gonuit! 🎉

[gonuit]

Hi @aednlaxer,
It is possible to enable the bottom pull to refresh indicator. All you need to do is set the reverse argument on your scrollable widget like for example: ListView to true. Let me know if this is what you were looking for.

---

[aednlaxer]

I didn't know about the reverse argument, thanks. Although I'm looking for a bit different thing here. I have a ListView and I'd like to perform two different actions (and have two different indicators) when pulling down from the top and when pulling up from the bottom. Does library support this kind of behavior?

[kavienanj]

So you basically preparing to implement the lazy loading list view right?

[gonuit]

Hi @aednlaxer 👋🏻 ,
I close this issue as there is no more information. Feel free to reopen it if there is still a need for some action.

[gonuit]

I'm on it 🕵🏻

[gonuit]

Hi @gustavomaedo,
What is the exact issue you are getting? I tested it on the latest version of Flutter (3.3.2) and it works fine for me. 🤔
Maybe you are able to provide me a GIF/video, stack trace, or just give me more details about it 👀

[gonuit]

Oh, I see that this is not recognized correctly for the built-in RefreshIndicator widget, but the CustomRefreshIndicator widget provided by this package, still works. Is that correct?
If so, this issue is not related to this package code.

[gonuit]

Ok, there is an update from my side 🥳

I am working on version 2.0.0, and a lot of things still need to be done before a stable release BUT! The release 2.0.0-dev.1 is already available on the pub.dev.

It will bring many small fixes and improvements.
The feature you asked for @aednlaxer is now implemented. From version 2.0.0, you will be able to select the bottom, top, or even both edges that will trigger the pull to refresh mechanism.

CustomRefreshIndicator(
  edge: IndicatorTriggerEdge.bothEdges, // that will do the trick. Defaults to IndicatorTriggerEdge.start
  onRefresh: onRefresh, 
  builder: customIndicatorBuilder,
  child: ListView(children: [/***/]),
);

In addition, from the controller, you will be able to read which edge triggered the pull to refresh action

if (controller.edge == IndicatorEdge.leading) {
  print("action triggered from the start of the list");
} else if(controller.edge == IndicatorEdge.trailing) {
  print("action triggered from the end of the list");
}

and even on which side of the list the indicator should appear. It takes scroll direction (reversed lists), axis (horizontal/vertical) and edge (especially useful when the edge argument is set to IndicatorTriggerEdge.both, as the action can then be triggered from both edges).

if (controller.side == IndicatorSide.top) { // for vertical lists
  print("Display the indicator widget at the top of the list");
} else if (controller.side == IndicatorSide.bottom) { // for vertical lists
  print("Display the indicator widget at the bottom of the list");
} else if (controller.side == IndicatorSide.left) { // for horizontal lists
  print("Display the indicator widget on the left side of the list");
} else if (controller.side == IndicatorSide.right) { // for horizontal lists
  print("Display the indicator widget on the right side of the list");
}

It is also worth noting that, unlike the built-in RefreshIndicator widget, this package supports horizontal lists and a reverse list parameter.

---

This API is still in WIP status so it may change, but you can already taste it if you want.