如何最好地使用Riverpod来管理列表中的项目

import 'package:flutter_riverpod/flutter_riverpod.dart';

final todoListProvider = ChangeNotifierProvider<TodoListNotifier, List<String>>((ref) {
  return TodoListNotifier();
});

class TodoListNotifier extends ChangeNotifier {
  List<String> _todos = [];

  List<String> get todos => _todos;

  void addTodo(String todo) {
    _todos.add(todo);
    notifyListeners();
  }

  void removeTodo(String todo) {
    _todos.remove(todo);
    notifyListeners();
  }
}

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TodoListScreen(),
    );
  }
}

class TodoListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Todo List')),
      body: Consumer(
        builder: (context, watch, child) {
          final todos = watch(todoListProvider).todos;
          return ListView.builder(
            itemCount: todos.length,
            itemBuilder: (context, index) {
              return ListTile(
                title: Text(todos[index]),
                onTap: () {
                  context.read(todoListProvider).removeTodo(todos[index]);
                },
              );
            },
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          showDialog(
            context: context,
            builder: (context) {
              String newTodo;
              return AlertDialog(
                title: Text('Add Todo'),
                content: TextField(
                  onChanged: (value) {
                    newTodo = value;
                  },
                ),
                actions: [
                  TextButton(
                    onPressed: () {
                      context.read(todoListProvider).addTodo(newTodo);
                      Navigator.of(context).pop();
                    },
                    child: Text('Add'),
                  ),
                ],
              );
            },
          );
        },
        child: Icon(Icons.add),
      ),
    );
  }
}