flutter : Why build widget runs first before the initState()?

Question

这是我的 controller.dart 文件，它检查用户是否通过验证，然后根据条件返回页面。我的问题是为什么构建小部件先于 initState() 执行？我尝试使用断点调试此代码，并注意到 build() widget 首先运行，然后是 initState()为什么会发生这种情况，我该如何解决？

这是我的代码:

class _ControllerState extends State<Controller> {
  late bool auth;
  @override
  Widget build(BuildContext context) {
    return (auth==false) ? Onbording() : IndexPage();
  }

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance!.addPostFrameCallback((_) async {
      await this.checked_if_logged();
    });

  }
  Future<void> checked_if_logged() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    if(prefs.getBool('verified')==true){
      setState(() {
        auth = true;
      });
    }else{
      setState(() {
        auth = false;
      });
    }
  }
}

这是我的调试代码的快照，其中蓝线显示它在 init 之前先运行，因为 bool auth 是 late 类型，所以它抛出 lateInitializationErrror 之后调用 initState() 初始化 auth 变量，重建小部件并消除错误

更新:我注意到当我用 check_if_logged() 替换 WidgetsBinding.instance!.addPostFrameCallback((_) 时，initState() 正在调用首先但在 check_if_logged() 完成之前，构建小部件首先执行，再次抛出 lateInitializationError

Answer 1

我不知道你从哪里得到 addPostFrameCallback 或者你想实现什么，但这不是方法。

你的问题是，checked_if_logged 是 async 并且没有办法 await 中的 async 方法初始化状态。这是设计使然，没有办法解决。

处理此问题的正确方法是使用 FutureBuilder 小部件。

参见 What is a Future and how do I use it?