启用GetX的Flutter应用是否支持FirebaseAnalyticsObserver上报Firebase Analytics

是否支持？ #

GetX完全支持FirebaseAnalyticsObserver，核心逻辑和原生Flutter应用完全兼容。

基础使用方式（和非GetX项目基本一致） #

你只需要将原有传给原生MaterialApp的navigatorObservers参数，直接传给GetX提供的GetMaterialApp即可，命名路由场景无需任何额外配置。
示例代码：

import 'package:firebase_analytics/firebase_analytics.dart';
import 'package:firebase_analytics/observer.dart';
import 'package:get/get.dart';

// 初始化Firebase Analytics实例和监听实例
final FirebaseAnalytics analytics = FirebaseAnalytics.instance;
final FirebaseAnalyticsObserver analyticsObserver = FirebaseAnalyticsObserver(analytics: analytics);

void main() {
  runApp(
    GetMaterialApp(
      // 直接把observer加到这里即可
      navigatorObservers: [analyticsObserver],
      initialRoute: '/home',
      // GetX的命名路由配置
      getPages: [
        GetPage(name: '/home', page: () => const HomePage()),
        GetPage(name: '/detail', page: () => const DetailPage()),
      ],
    )
  );
}

完成上述配置后，不管你用Get.toNamed('/detail')还是原生Navigator.pushNamed(context, '/detail')跳转命名路由，Firebase Analytics都会自动上报页面访问事件，无需额外编写代码。

动态路由场景处理 #

和原生Flutter逻辑一致，如果使用非命名的动态路由跳转（比如Get.to(DetailPage())），只需要在跳转时补充路由名参数即可，不需要手动编写上报逻辑：

// GetX动态路由跳转补充routeName参数
Get.to(
  const DetailPage(),
  routeName: '/detail',
);

// 原生Navigator动态路由跳转补充settings参数
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => const DetailPage(),
    settings: const RouteSettings(name: '/detail'),
  ),
);

可选替代方案：GetX全局路由监听 #

如果你遇到边缘场景FirebaseAnalyticsObserver不生效，也可以用GetX自带的routingCallback实现全局路由上报，体验和FirebaseAnalyticsObserver一致，不需要在每个页面Widget中手动上报：

final FirebaseAnalytics analytics = FirebaseAnalytics.instance;

void main() {
  runApp(
    GetMaterialApp(
      routingCallback: (routing) {
        final currentRoute = routing?.current;
        if (currentRoute != null) {
          // 路由切换时自动上报页面
          analytics.setCurrentScreen(screenName: currentRoute);
        }
      },
      // 其余配置保持不变
    )
  );
}

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