Flutter之全埋点思考与实现，从入门到精通的Android进阶学习笔记整理

在Flutter中实现全埋点通常需要集成一个事件跟踪库，如firebase_analytics或google_analytics。以下是一个简化的全埋点实现示例：

import 'package:firebase_analytics/firebase_analytics.dart';
import 'package:firebase_analytics/observer.dart';
import 'package:flutter/material.dart';
 
void main() {
  // 初始化Firebase分析
  FirebaseAnalytics analytics = FirebaseAnalytics();
  FirebaseAnalyticsObserver observer = FirebaseAnalyticsObserver(analytics: analytics);
 
  runApp(MyApp(analyticsObserver: observer));
}
 
class MyApp extends StatelessWidget {
  final FirebaseAnalyticsObserver observer;
 
  MyApp({this.analyticsObserver});
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: <NavigatorObserver>[observer],
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter全埋点'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击我'),
          onPressed: () {
            // 设置自定义事件参数
            observer.analytics.setCurrentScreen(screenName: "HomePage");
            // 发送自定义事件
            observer.analytics.logEvent(
              name: 'button_click',
              parameters: <String, dynamic>{
                'button_name': 'home_button',
              },
            );
          },
        ),
      ),
    );
  }
}

在这个示例中，我们首先初始化了FirebaseAnalytics，并创建了一个FirebaseAnalyticsObserver实例。然后在MyApp中，我们将这个观察者传递给MaterialApp的navigatorObservers属性，这样应用内所有页面的路由信息都会被分析库跟踪。在HomePage中，当按钮被点击时，我们通过FirebaseAnalyticsObserver设置当前屏幕并记录一个自定义事件。这样就实现了全埋点。