【Flutter】Riverpod v2で配列を更新すると、警告が出る

Question

実現したいこと

一覧画面→TodoAdd画面に移動しTodoを新規作成後、一覧画面に戻ると作成したTodoがListViewに追加されているようにしたい。

バージョン

environment:
sdk: '>=3.3.2 <4.0.0'

dependencies:
flutter:
sdk: flutter
flutter_riverpod: ^2.5.1
riverpod_annotation: ^2.3.5

dev_dependencies:
flutter_test:
sdk: flutter
flutter_lints: ^3.0.0
riverpod_generator: ^2.4.0
build_runner: ^2.4.8

発生している問題

下記コードの stateにて以下2つの警告が出る。

final todosState = ref.read(todoProvider);
todosState.add(_controller.text);
ref.read(todoProvider.notifier).state = [...todosState];

The member 'state' can only be used within instance members of subclasses of 'package:riverpod/src/notifier.dart'.
The member 'state' can only be used within 'package:riverpod/src/notifier.dart' or a test.

該当のソースコード

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:todo/todo_provider.dart';

class TodoAddPage extends ConsumerStatefulWidget {
  const TodoAddPage({super.key});

  @override
  TodoAddPageState createState() => TodoAddPageState();
}

class TodoAddPageState extends ConsumerState<TodoAddPage> {
  final TextEditingController _controller = TextEditingController();

  @override
  void initState() {
    super.initState();
    ref.read(todoProvider);
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Add Page'),
        backgroundColor: Colors.blue,
      ),
      body: Container(
        margin: const EdgeInsets.symmetric(horizontal: 64),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text('add page'),
            TextField(
              controller: _controller,
              onChanged: (value) {},
            ),
            const SizedBox(
              height: 10,
              width: double.infinity,
            ),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton(
                onPressed: () {
                  final todosState = ref.read(todoProvider);
                  todosState.add(_controller.text);
                  ref.read(todoProvider.notifier).state = [...todosState];
                  _controller.clear();
                },
                style: ElevatedButton.styleFrom(
                    backgroundColor: Colors.blue,
                    shape: const RoundedRectangleBorder(
                        borderRadius: BorderRadius.all(Radius.zero))),
                child: const Text(
                  'リスト追加',
                  style: TextStyle(color: Colors.white),
                ),
              ),
            ),
            const SizedBox(
              height: 10,
              width: double.infinity,
            ),
            SizedBox(
                width: double.infinity,
                child: TextButton(
                  onPressed: () {
                    Navigator.of(context).pop();
                  },
                  child: const Text('キャンセル'),
                )),
          ],
        ),
      ),
    );
  }
}

import 'package:riverpod_annotation/riverpod_annotation.dart';

part 'todo_provider.g.dart';

@riverpod
class Todo extends _$Todo {
  @override
  List<String> build() {
    return [];
  }

  void add(String title) {
    state.add(title);
  }
}

Answer 1

ToDoのstateが@protected annotationで宣言されてるんで、ToDo内部で使う以外ではDartのlinterで警告が出るようになっているというのが理由です。
stateの実体は基底クラスのNotifierBaseで定義されてます。

ToDoに例えば以下の様なsetterを追加して、呼び出し側ではref.read(todoProvider.notifier).values = [...todosState];の様に呼び出せば警告は出ないと思います。

  set values(List<String> value) {
    state = value;
  }

stateが@protected宣言されている理由とか、riverpodのドキュメントにはstateをクラスメソッド外で使用しているのになぜなんだという疑問はあると思います。
前者はオリジナルのドキュメント内で制作者の変更理由が書かれているものがないんで、ちょっと不明です。後者に関しては単純に修正が間に合っていないだけのようです。