fix: change to notifierprovider

Author: radenadri

analysis_options.yaml

@@ -9,6 +9,10 @@
 # packages, and plugins designed to encourage good coding practices.
 include: package:flutter_lints/flutter.yaml
 
+analyzer:
+  plugins:
+    - custom_lint
+
 linter:
   # The lint rules applied to this project can be customized in the
   # section below to disable rules from the `package:flutter_lints/flutter.yaml`
@@ -23,6 +27,5 @@ linter:
   rules:
     # avoid_print: false  # Uncomment to disable the `avoid_print` rule
     # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
-
 # Additional information about this file can be found at
 # https://dart.dev/guides/language/analysis-options

lib/models/counter_model.dart

@@ -1,14 +1,13 @@
-import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
 
-part 'counter_model.freezed.dart';
 part 'counter_model.g.dart';
 
-@freezed
-class CounterModel with _$CounterModel {
-  factory CounterModel({
-    @Default(0) int counter,
-  }) = _CounterModel;
+@riverpod
+class Counter extends _$Counter {
+  @override
+  int build() => 0;
 
-  factory CounterModel.fromJson(Map<String, dynamic> json) =>
-      _$CounterModelFromJson(json);
+  void increment() => state++;
+
+  void decrement() => state--;
 }

lib/models/counter_model.freezed.dart

@@ -1,20 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:riverpod_counter_app/providers/counter_provider.dart';
+import 'package:riverpod_counter_app/models/counter_model.dart';
 
-class CounterView extends ConsumerStatefulWidget {
+class CounterView extends ConsumerWidget {
   const CounterView({super.key});
 
   @override
-  ConsumerState<ConsumerStatefulWidget> createState() => _CounterViewState();
-}
-
-class _CounterViewState extends ConsumerState<CounterView> {
-  @override
-  Widget build(BuildContext context) {
-    final counterRepo = ref.read(counterProvider.notifier);
-    final counterState = ref.watch(counterProvider);
-
+  Widget build(BuildContext context, WidgetRef ref) {
     return MaterialApp(
       title: 'Flutter Demo',
       theme: ThemeData(
@@ -34,19 +26,19 @@ class _CounterViewState extends ConsumerState<CounterView> {
                 'You have pushed the button this many times:',
               ),
               Text(
-                counterState.counter.toString(),
+                '${ref.watch(counterProvider)}',
                 style: Theme.of(context).textTheme.headlineMedium,
               ),
             ],
           ),
         ),
         floatingActionButton: FloatingActionButton(
           onPressed: () {
-            counterRepo.increment();
+            ref.read(counterProvider.notifier).increment();
           },
           tooltip: 'Increment',
           child: const Icon(Icons.add),
-        ), // This trailing comma makes auto-formatting nicer for build methods.
+        ),
       ),
     );
   }

lib/models/counter_model.g.dart

@@ -1,20 +1,12 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:riverpod_counter_app/providers/counter_provider.dart';
+import 'package:riverpod_counter_app/models/counter_model.dart';
 
-class CounterView extends ConsumerStatefulWidget {
+class CounterView extends ConsumerWidget {
   const CounterView({super.key});
 
   @override
-  ConsumerState<ConsumerStatefulWidget> createState() => _CounterViewState();
-}
-
-class _CounterViewState extends ConsumerState<CounterView> {
-  @override
-  Widget build(BuildContext context) {
-    final counterRepo = ref.read(counterProvider.notifier);
-    final counterState = ref.watch(counterProvider);
-
+  Widget build(BuildContext context, WidgetRef ref) {
     return CupertinoApp(
       theme: const CupertinoThemeData(brightness: Brightness.light),
       home: CupertinoPageScaffold(
@@ -28,13 +20,18 @@ class _CounterViewState extends ConsumerState<CounterView> {
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
               Text(
-                'You have pressed the button ${counterState.counter.toString()} times.',
+                'You have pressed the button ${ref.watch(counterProvider)} times.',
               ),
               const SizedBox(height: 20.0),
               CupertinoButton.filled(
-                onPressed: () => setState(() => counterRepo.increment()),
+                onPressed: () => ref.read(counterProvider.notifier).increment(),
                 child: const Icon(CupertinoIcons.add),
               ),
+              const SizedBox(height: 20.0),
+              CupertinoButton.filled(
+                onPressed: () => ref.read(counterProvider.notifier).decrement(),
+                child: const Icon(CupertinoIcons.minus),
+              ),
             ],
           ),
         ),