android - Flutter:查找停用的小部件的祖先是不安全的

我知道有关此问题已经有两篇文章，但是我无法解决这些问题。可能是因为我的问题不同。

代码如下。我想在显示加载页面时从数据库加载一些数据。加载数据后，我使用加载的数据初始化提供程序，然后进入另一个页面。
这段代码不需要放在StatefulWidget中，但是我尝试将其放在StatefulWidget中以解决该问题，但是没有成功。

class _InitDBDataState extends State<_InitDBData> {
  @override
  Widget build(BuildContext context) {
    _fetchData(context);
    return const Center(child: const CircularProgressIndicator());
  }

  Future<void> _fetchData(BuildContext context) async {
    print('fetching data...');
    print('context: $context');
    final initData = await DBService.service.getInitialData();
    print('Data fetched');
    print('context: $context');
    Provider.of<DataProvider>(context, listen: false).init(initData);
    Navigator.of(context).pushReplacementNamed(MainScreen.routeName);
  }
}

如果应用程序从头开始运行，我没有任何错误，但是当我执行“热重装”时，我经常会收到以下错误，这很烦人，因为我需要为代码中的每个小更改重新启动应用程序。

I/flutter ( 9596): fetching data...
I/flutter ( 9596): context: _InitDBData(dirty, state: _InitDBDataState#46860)
I/flutter ( 9596): fetching data...
I/flutter ( 9596): context: _InitDBData(dirty, state: _InitDBDataState#55124)
I/flutter ( 9596): Data fetched
I/flutter ( 9596): context: _InitDBData
E/flutter ( 9596): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: Looking up a deactivated widget's ancestor is unsafe.
E/flutter ( 9596): At this point the state of the widget's element tree is no longer stable.
E/flutter ( 9596): To safely refer to a widget's ancestor in its dispose() method, save a reference to the ancestor by calling dependOnInheritedWidgetOfExactType() in the widget's didChangeDependencies() method.
E/flutter ( 9596): #0      Element._debugCheckStateIsActiveForAncestorLookup.<anonymous closure>
package:flutter/…/widgets/framework.dart:3508
E/flutter ( 9596): #1      Element._debugCheckStateIsActiveForAncestorLookup
package:flutter/…/widgets/framework.dart:3522
E/flutter ( 9596): #2      Element.getElementForInheritedWidgetOfExactType
package:flutter/…/widgets/framework.dart:3588
E/flutter ( 9596): #3      Provider.of
package:provider/src/provider.dart:221
E/flutter ( 9596): #4      _InitDBDataState._fetchData
package:productive_diary/initScreen.dart:46
E/flutter ( 9596): <asynchronous suspension>
E/flutter ( 9596): #5      _InitDBDataState.build

我不知道为什么“获取数据...”打印两次，而且我不知道如何解决该问题。

我以为可以用Saman Salehi解决方案解决了这个问题，但是在 Debug模式下工作时，我在_fetchData函数中遇到了相同的异常，现在在函数 initState()中调用了该异常

Exception has occurred.
FlutterError (Looking up a deactivated widget's ancestor is unsafe.
At this point the state of the widget's element tree is no longer stable.
To safely refer to a widget's ancestor in its dispose() method, save a reference to the ancestor by calling dependOnInheritedWidgetOfExactType() in the widget's didChangeDependencies() method.)

应用Stewie Griffin建议的修改后，我又遇到了另一个错误。

错误在Provider.of<DataProvider>(context, listen: false).init(initData);行上

我在热装过程中得到了它。它似乎比其他错误少见，因此Stewie Griffin的回答肯定可以改善我的Stewie Griffin的稳定性。

E/flutter (23815): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: NoSuchMethodError: The getter 'owner' was called on null.
E/flutter (23815): Receiver: null
E/flutter (23815): Tried calling: owner
E/flutter (23815): #0      Object.noSuchMethod  (dart:core-patch/object_patch.dart:53:5)
E/flutter (23815): #1      Provider.of
package:provider/src/provider.dart:193
E/flutter (23815): #2      _InitDBDataState._fetchData
package:productive_diary/initScreen.dart:49
E/flutter (23815): <asynchronous suspension>
E/flutter (23815): #3      _InitDBDataState.initState

请你帮助我好吗？

最佳答案

首先，不要像前面提到的那样在build内部调用异步方法。生成方法会不断重建，这将导致您的获取方法像无限循环一样重复进行。修复此问题之后，由于这一部分，您仍然会遇到相同的错误:
Navigator.of(context).pushReplacementNamed(MainScreen.routeName);
在构建期间，您不应调用Navigator。这是您需要做的:

将此行添加到文件顶部以使用SchedulerBinding:

import 'package:flutter/scheduler.dart';

使用SchedulerBinding包装导航器，以等待完成状态，然后导航到另一个屏幕。然后，在initState内调用您的async方法。

class _InitDBDataState extends State<_InitDBData> {
@override
  void initState() {
    // Call your async method here
    _fetchData();
    super.initState();
  }

  Future<void> _fetchData() async {
    print('fetching data...');
    print('context: $context');
    final initData = await DBService.service.getInitialData();
    print('Data fetched');
    print('context: $context');
    Provider.of<DataProvider>(context, listen: false).init(initData);

    // Wrap Navigator with SchedulerBinding to wait for rendering state before navigating
    SchedulerBinding.instance.addPostFrameCallback((_) {
      Navigator.of(context).pushReplacementNamed(MainScreen.routeName);
    });
  }
  @override
  Widget build(BuildContext context) {
    return Center(child: CircularProgressIndicator());
  }
}

提示:您不需要在有状态的小部件中传递上下文，因为您可以从任何地方访问它。