使用 StoreConnector 顯示新屏幕時 Flutter 中的 Firebase 分析

Question

我正在嘗試將 Flutter 中的 Firebase Analytics 添加到我的小部件中，但我正在使用 StoreConnector 顯示 2 個不同的屏幕 Alpha 和 Beta。 如何進行分析以跟蹤屏幕變化？

class MyWidgetPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StoreConnector<AppState, MyViewModel>(
      converter: (store) => myViewModel.create(store),
      builder: (context, viewModel) {
        return _body(context, viewModel);
      },
    );
  }

  _body(BuildContext context, MyViewModel viewModel) {
    if (viewModel.withLoading) return _loading();
    if (viewModel.withAlphaContent) return _contentAlpha(context, viewModel);
    if (viewModel.withBetaContent) return _contentBeta(context, viewModel);
    if (viewModel.withRetry) return _retry(context);
  }

...

}

Answer 1

一種解決方案是使用onDidChange回調，如下所示：

  @override
  Widget build(BuildContext context) {
    FirebaseAnalytics analytics = FirebaseAnalytics();
    return StoreConnector<AppState, MyViewModel>(
      converter: (store) => myViewModel.create(store),
      onDidChange: (viewModel) {
        if (viewModel.withAlphaContent) {
         analytics.setCurrentScreen(screenName: 'alpha content');
        } 
        if (viewModel.withBetaContent) {
         analytics.setCurrentScreen(screenName: 'beta content');
        }
      },
      builder: (context, viewModel) {
        return _body(context, viewModel);
      },
    );
  }