Riverpod — Pull-to-refresh

Instructions

1. Provider and UI

2. RefreshIndicator

RefreshIndicator(
  onRefresh: () => ref.refresh(activityProvider.future),
  child: ListView(
    children: [
      // content
    ],
  ),
)

3. Loading and error states

• Initial load: No data and no error → show full-screen spinner.
• Refresh: Show the refresh indicator and keep showing previous data (or previous error) until the new result arrives.
• Data:

  AsyncValue(:final value?)

  or similar to show the value.
• Error:

  AsyncValue(:final error?)

  to show the error.

final activity = ref.watch(activityProvider);
switch (activity) {
  AsyncValue<Activity>(:final value?) => Text(value.activity),
  AsyncValue(:final error?) => Text('Error: $error'),
  _ => const CircularProgressIndicator(),
}