refresh data by riverbod

main.dart

import 'dart:math';

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

void main() {
  runApp(
    const ProviderScope(child: MyApp()),
  );
}

final dataProvider = FutureProvider<String>((ref) async {
  await Future.delayed(const Duration(milliseconds: 100));
  return "Initial Data${Random().nextInt(1000)}";
});

class MyApp extends ConsumerWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return MaterialApp(
      title: 'Riverpod Refresh Example',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends ConsumerWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Scaffold(
      appBar: AppBar(title: const Text('Riverpod Refresh Example')),
      body: Center(
        child: _reloadText(ref),
      ),
      floatingActionButton: Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          FloatingActionButton(
            onPressed: () {
              showDialog(
                context: context,
                builder: (dialogContext) {
                  return AlertDialog(
                    title: const Text("Data Alert"),
                    content: Consumer(
                      builder: (BuildContext context, WidgetRef ref, child) {
                        return _reloadText(ref);
                      },
                    ),
                    actions: [
                      TextButton(
                        onPressed: () async {
                          Future(() => ref.refresh(dataProvider));
                        },
                        child: const Text("Refresh Data"),
                      ),
                      TextButton(
                        onPressed: () {
                          Navigator.of(dialogContext).pop();
                        },
                        child: const Text("Close"),
                      ),
                    ],
                  );
                },
              );
            },
            child: const Icon(Icons.info),
          ),
          FloatingActionButton(
            onPressed: () {
              Future(() => ref.refresh(dataProvider));
            },
            child: const Icon(Icons.refresh),
          ),
        ],
      ),
    );
  }

  Widget _reloadText(WidgetRef ref) {
    return ref.watch(dataProvider).when(
          data: (data) => Text(data),
          loading: () => const CircularProgressIndicator(),
          error: (error, stack) => Text('Error: $error'),
        );
  }
}

2023-09-04.7.30.51.mov