Flutter(Dart)实现Google登录成功后跳转首页的方法

针对你当前的GetX+Google登录代码，有两种简洁的适配方案：

方案一：在LoginController中处理跳转（推荐） #

直接在登录方法里判断登录结果，成功后触发跳转，逻辑更集中：

修改LoginController的login方法：

class LoginController extends GetxController {
  final _googleSignin = GoogleSignIn();
  var googleAccount = Rx<GoogleSignInAccount?>(null);

  login() async {
    final account = await _googleSignin.signIn();
    googleAccount.value = account;
    // 仅当登录成功（account不为null）时跳转
    if (account != null) {
      Get.to(() => HomePage());
    }
  }

  logout() async {
    googleAccount.value = await _googleSignin.signOut();
  }
}

方案二：在UI层监听状态变化跳转 #

如果需要在UI侧控制跳转时机，可以添加一个标记位避免重复跳转：

修改登录页面代码：

final controller = Get.put(LoginController());
// 添加标记位防止重复跳转
bool _hasNavigated = false;

LoginIn({
  super.key,
  required String title,
});

@override
Widget build(BuildContext context) {
  return Scaffold(
      appBar: AppBar(title: const Text('Sign-In Page')),
      body: Center(
        child: Obx(() {
          final currentAccount = controller.googleAccount.value;
          if (currentAccount == null) {
            // 未登录时重置标记
            _hasNavigated = false;
            return loginButton();
          } else {
            if (!_hasNavigated) {
              _hasNavigated = true;
              // 用微任务确保UI更新完成后再跳转
              Future.microtask(() => Get.to(() => HomePage()));
            }
            return seeProfile();
          }
        }),
      ));
}

注意事项 #

• 确保你的项目已经正确配置GetMaterialApp（替代普通的MaterialApp），否则GetX的路由功能无法正常工作。
• 确认HomePage类已经正确导入到当前文件中。

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