Flutter Google登录触发Hero标签重复错误，求解决方案

一、解决Hero组件标签冲突问题 #

问题根源：登录页和底部导航栏页面都使用了默认的FloatingActionButton，这类组件默认会以<default FloatingActionButton tag>作为Hero动画标签，页面导航时Flutter检测到同标签的多个Hero组件，触发冲突报错。

提供两种解决方式：

• 方式1：为其中一个FloatingActionButton设置唯一标签
  给登录页或底部导航栏页面的FAB指定不重复的heroTag，示例如下：

  // 登录页的FAB设置唯一标签
  FloatingActionButton(
    heroTag: 'login_page_fab',
    onPressed: () => _handleGoogleLogin(),
    child: Icon(Icons.login),
  )
  

• 方式2：禁用FloatingActionButton的Hero动画
  如果不需要Hero过渡动画，直接将heroTag设为null即可：

  FloatingActionButton(
    heroTag: null,
    onPressed: () {},
    child: Icon(Icons.add),
  )
  

二、实现登录状态持久化与自动跳转 #

1. 引入依赖 #

在pubspec.yaml中添加SharedPreferences依赖用于本地存储token：

dependencies:
  shared_preferences: ^2.2.2

执行flutter pub get完成依赖安装。

2. 登录成功后保存Token #

Google登录验证通过后，将token存入本地存储并跳转至底部导航栏：

import 'package:shared_preferences/shared_preferences.dart';

Future<void> _handleGoogleLoginSuccess(String authToken) async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('user_token', authToken);
  // 使用pushReplacement避免返回登录页
  Navigator.pushReplacement(
    context,
    MaterialPageRoute(builder: (context) => BottomNavigationBarPage()),
  );
}

3. 启动时自动检测登录状态 #

在App入口先检查本地是否有保存的token，决定初始显示页面：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final prefs = await SharedPreferences.getInstance();
  final savedToken = prefs.getString('user_token');
  
  runApp(MyApp(initialPage: savedToken != null ? BottomNavigationBarPage() : LoginPage()));
}

class MyApp extends StatelessWidget {
  final Widget initialPage;

  const MyApp({super.key, required this.initialPage});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: initialPage,
    );
  }
}

4. 登出时清除Token #

在底部导航栏的登出功能中，清除本地token并跳转回登录页：

Future<void> _handleLogout() async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.remove('user_token');
  Navigator.pushReplacement(
    context,
    MaterialPageRoute(builder: (context) => LoginPage()),
  );
}

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