eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsTouch interaction
PullToRefresh
View source
1 min read
Overscroll at the top of a list to refresh it, with a deterministic indicator that fills as you pull.
1
using eQuantic.UI.Components;
DEFAULT
Pull meThe indicator rests uncovered
threshold
Usage
1
2
3
4
5
new PullToRefresh(_list)
{
OnRefresh = () => _ = ReloadAsync(),
Refreshing = _loading,
}
API
Prop
Type
Default
Description
Child
VisualNode
The scrollable content.
OnRefresh
Action?
null
Fires once the pull commits.
Refreshing
bool
false
Controlled — hold it true while your load runs.
States
State
Rendering
Pulling
The indicator fills with the pull fraction
Armed
Past the threshold it starts spinning
Refreshing
Held while Refreshing is true
Released early
Springs back; nothing fires
Accessibility
Refresh is exposed as a custom action on the scroll region — readers cannot pull. Announce "refreshing" then "refreshed".
When to use
Root content lists.
Avoid
Carousels and sheets.
Any meaning for the gesture other than refresh.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/PullToRefresh.cs.