Flutter Azure AD登录应用TypeError求助：Future<Null>非Widget子类型

这个错误的原因非常清晰——你在Widget树的组件列表里返回了一个Future对象（Future.delayed的调用结果），但Flutter要求这个位置必须是一个Widget类型的组件，类型不匹配直接触发了这个TypeError。

问题代码定位 #

看你build方法里的这段代码：

isSignedIn ? Future.delayed(Duration.zero, () {
  Navigator.of(context).pushReplacement(
      MaterialPageRoute(
          builder: (context) => NavScreen()));
}) : RaisedButton(
  child: Text("Sign In"),
  onPressed: handleSignIn,
),

三元运算符的两端类型必须一致：当isSignedIn为true时，你返回的是Future；为false时返回的是RaisedButton（Widget），这本身就不符合语法要求，而且Future不是Widget，自然会报错。

解决方案：把跳转逻辑移出Widget树 #

Flutter的build方法只负责构建UI组件，页面跳转这类副作用逻辑应该放在组件构建完成后或者状态更新的回调里执行，推荐两种方式：

方式一：在状态更新时触发跳转

修改你的refreshSignedInStatus方法，当确认用户已登录后直接执行页面跳转：

refreshSignedInStatus() {
  msal.getSignedIn().then((loggedIn) {
    print('refreshing');
    setState(() {
      isSignedIn = loggedIn;
    });
    // 用户已登录，在UI帧完成后执行跳转
    if (loggedIn) {
      WidgetsBinding.instance.addPostFrameCallback((_) {
        Navigator.of(context).pushReplacement(MaterialPageRoute(builder: (context) => NavScreen()));
      });
    }
  });
}

然后在build方法里只保留按钮逻辑：

// 替换原来的Row子组件
RaisedButton(
  child: Text("Sign In"),
  onPressed: isSignedIn ? null : handleSignIn,
  // 已登录时按钮设为不可点击，也可以根据需求隐藏按钮
),

方式二：在build方法中添加帧回调

如果不想修改状态更新方法，也可以在build方法开头添加判断，在UI构建完成后执行跳转：

@override
Widget build(BuildContext context) {
  // 已登录则在当前帧构建完成后跳转
  if (isSignedIn) {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      Navigator.of(context).pushReplacement(MaterialPageRoute(builder: (context) => NavScreen()));
    });
  }

  return MaterialApp(
    // 原有的UI构建代码...
  );
}

核心原则 #

记住：build方法的唯一职责是返回Widget树，任何非UI构建的逻辑（比如导航、异步操作触发）都不应该直接放在Widget列表中返回，否则很容易出现类型不匹配或者生命周期相关的问题。

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