How to put a async provide back in the loading state when refreshing data?

[chris-otani]

I've reviewed the pull to refresh case study and it works but is not the exact behavior that I am looking for. I want to force a provide to refresh and show the loading state with the press of a button.

If I use "ref.refresh(activityProvider.future)" for the button press, the provider does update with new data, but the AsyncLoading() state does not appear to be triggered, so my loading spinner does not show.

Any suggestions for how to trigger the loading spinner when refreshing the provider?

https://riverpod.dev/docs/case_studies/pull_to_refresh

[chris-otani]

I figured it out you can check the AyncValue object from the provider if it is in the "isRefreshing" state and return the circular pogress indicator.

Does anyone know how to do this in the switch statement to clean up the code?

  @override
  Widget build(BuildContext context, WidgetRef ref) {

    final testData = ref.watch(testProvider);

    if (testData.isRefreshing) {
      return const Center(child: CircularProgressIndicator());
    }

    final widget = switch (testData) {
      AsyncData(:final value) => Text('value'),
      AsyncError(:final error) => const Text( 'Unable to read'),
      _ => const Center(child: CircularProgressIndicator())
    };

    return widget;
  }