Flutter数据分析插件heyinsight_package的使用

Flutter数据分析插件heyinsight_package的使用

本仓库是一个迷你教程，旨在帮助你创建用于abc.com教程的示例应用。仓库中包含了你需要的资源，以便在读者构建应用时保持良好的外观。

应用名称

与其让启动图标使用项目名称（比如appname），你应该更新每个平台上的显示名称，以使应用看起来更美观。

测试

在Android和iOS设备或模拟器上运行应用，确保启动屏幕、启动图标和应用名称正确显示。如果没有Mac，则在Trello卡片中提及这一点，以便TE或FPE可以检查iOS版本。

在浏览器中运行Flutter Web应用，确保书签图标和应用名称在浏览器标签页中正确显示。

未来更新

本指南适用于Flutter 2.0。当桌面版本进入稳定通道且无需任何特殊标志时，应为它们添加所需资源。

是否有新的Flutter更新破坏了本指南？请在GitHub上提交一个issue或pull request。

示例代码

import 'package:example/screens/detail.dart';
import 'package:example/screens/home.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:heyinsight_package/heyinsight_package.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化HeyInsight包，设置Android和iOS的应用密钥和应用ID
  await HeyInsight.initApp(
    android: HsAppOptions(
      apiKey: '', // 请替换为你的Android API Key
      appId: '', // 请替换为你的Android App ID
    ),
    ios: HsAppOptions(
      apiKey: '', // 请替换为你的iOS API Key
      appId: '', // 请替换为你的iOS App ID
    ),
  );

  // 初始化通知系统
  await HSNotification.initNotification();

  runApp(MyApp());
}

// 创建一个JourneyTrackerObserver实例来追踪用户旅程
final journeyTrackerObserver = JourneyTrackerObserver();

// 定义路由配置
final GoRouter _router = GoRouter(
  observers: [journeyTrackerObserver], // 添加观察者
  routes: [
    GoRoute(
      path: '/',
      builder: (BuildContext context, GoRouterState state) {
        return const HomeScreen(); // 主屏幕
      },
      routes: [
        GoRoute(
          path: 'details', // 详情路径
          builder: (BuildContext context, GoRouterState state) {
            return const DetailsScreen(); // 详情屏幕
          },
        ),
      ],
    ),
  ],
);

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _AppState();
}

class _AppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  // 构建应用的根组件
  [@override](/user/override)
  Widget build(BuildContext context) {
    return HsAnalyticsProvider(
      journeyTrackerObserver: journeyTrackerObserver, // 提供观察者
      builder: (context) {
        return MaterialApp.router( // 使用路由管理器
          routerConfig: _router,
        );
      },
    );
  }
}