Flutter：如何在应用启动时将searchedNotes初始化为Provider的列表

我在Flutter项目中编写了以下代码：

AppProvider 代码 #

class AppProvider extends ChangeNotifier {
  List<Note> _notes = [];

  List<Note> get getNotes {
    return _notes;
  }
}

HomeScreen 状态类代码 #

class _HomeScreenState extends State<HomeScreen> {
  TextEditingController txtname = TextEditingController();
  List<Note> searchedNotes = [];
  
  @override
  void initState() {
    super.initState();
    // 想在这里将 searchedNotes 初始化为 AppProvider 中的 _notes 列表
  }
}

我需要在应用启动时，把searchedNotes列表初始化为AppProvider中的_notes列表，该如何实现？

1. 基础实现：在 initState 中获取 Provider 实例并赋值 #

在initState方法里，直接通过Provider.of获取AppProvider的实例，注意添加listen: false参数（因为不需要监听后续数据变化，避免不必要的组件重建），然后将getNotes赋值给searchedNotes：

@override
void initState() {
  super.initState();
  final appProvider = Provider.of<AppProvider>(context, listen: false);
  // 使用List.from创建新列表，避免引用同一内存地址
  searchedNotes = List.from(appProvider.getNotes);
}

2. 处理引用类型的深拷贝问题 #

如果Note是自定义的引用类型，直接用List.from只会拷贝列表的引用，修改其中一个列表的元素会影响另一个。此时需要对每个Note对象进行深拷贝。

假设你的Note类有拷贝构造函数：

class Note {
  final String title;
  final String content;

  Note(this.title, this.content);

  // 拷贝构造函数，用于深拷贝对象
  Note.copy(Note source) : this(source.title, source.content);
}

那么赋值时就需要遍历列表，为每个Note创建副本：

@override
void initState() {
  super.initState();
  final appProvider = Provider.of<AppProvider>(context, listen: false);
  searchedNotes = appProvider.getNotes.map((note) => Note.copy(note)).toList();
}

3. 可选：监听 Provider 数据变化（实时同步） #

如果后续AppProvider中的_notes更新时，你希望searchedNotes也同步更新，可以在build方法中使用Consumer组件：

@override
Widget build(BuildContext context) {
  return Consumer<AppProvider>(
    builder: (context, appProvider, child) {
      // 每次_provider数据变化时，同步更新searchedNotes
      searchedNotes = List.from(appProvider.getNotes);
      return Scaffold(
        // 你的界面布局代码
      );
    },
  );
}

这种方式会在_notes变化时触发组件重建并同步列表，适合需要实时同步数据的场景。

内容的提问来源于stack exchange，提问作者Irfan Ganatra