main.dart

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

final helloWorldProvider = StateProvider((ref) => 0);

void main() {
  runApp(
    // Adding ProviderScope enables Riverpod for the entire project
    const ProviderScope(child: MyApp()),
  );
}

class MyApp extends HookConsumerWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final value = ref.watch(helloWorldProvider.notifier);

    final _messangerKey = GlobalKey<ScaffoldMessengerState>();

    return MaterialApp(
      scaffoldMessengerKey: _messangerKey,
      home: Scaffold(
        body: Center(
          child: Text("${value.state}"),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            value.update((state) => state + 1);
            _messangerKey.currentState!
                .showSnackBar(SnackBar(content: Text("${value.state}")));
          },
        ),
      ),
    );
  }
}

2021-12-01.11.18.01.mov