Flutter条件显示页面/Widget失效：切换isAuth状态无响应

核心问题原因 #

你定义的isAuth是普通布尔变量，Flutter框架只会在状态变量通过setState更新时，才会触发Widget的build方法重建UI。直接修改普通变量不会通知框架刷新，所以条件分支始终无法切换。

具体修复步骤 #

1. 确认使用StatefulWidget
   你的代码已在State类中实现（从@override build可看出），若当前是StatelessWidget，需改为StatefulWidget。

2. 修改登录/登出方法，用setState更新状态
   googleSignIn.signIn()和signOut()是异步操作，需等待操作完成后，通过setState更新isAuth触发UI重建：

   login() async {
     final user = await googleSignIn.signIn();
     if (user != null) { // 确保登录成功再更新状态
       setState(() {
         isAuth = true;
       });
     }
   }
   
   logout() async {
     await googleSignIn.signOut();
     setState(() {
       isAuth = false;
     });
   }
   

3. 验证条件分支逻辑
   确保build函数中的三元运算符逻辑符合预期：

   @override
   Widget build(BuildContext context) {
     return isAuth ? buildAuthScreen() : buildGuestLogin(context);
   }
   

   （若buildAuthScreen对应已登录页面、buildGuestLogin对应未登录页面，上述逻辑是正确的）

额外语法修正 #

你的buildGuestLogin方法存在结构错误，alignment: Alignment.center是Container的属性，需调整位置：

Scaffold buildGuestLogin(BuildContext context) {
  return Scaffold(
    body: Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topRight,
          end: Alignment.bottomLeft,
          colors: [
            Theme.of(context).primaryColor,
            Theme.of(context).secondaryHeaderColor,
          ],
        ),
      ),
      alignment: Alignment.center, // 移至Container属性中
      child: GestureDetector(
        child: Container(
          height: 70.0,
          width: 260.0,
          decoration: const BoxDecoration(
            image: DecorationImage(
                image: AssetImage('images/example.png'),
                fit: BoxFit.cover),
          ),
        ),
        onTap: () => login(),
      ),
    ),
  );
}

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