Flutter SDK - 入力のトラッキング

Flutter トラッカーによる入力のトラッキングの詳細

Flutter SDK ⁠-⁠ 入力のトラッキング

テキストフィールドは自動的には監視されません。Flutter には、フックできる UIKit のレスポンダーチェーンに相当するものがないためです。関心のあるコントローラーにトラッカーをアタッチすると、値の変更が(デバウンスされて)リッスンされ、その結果の値が OpenReplay バックエンドに送信されます。

トラッキング対象の入力の追加

Section titled トラッキング対象の入力の追加

observeInput(controller, label:, masked:) を使用します。

  • controller: TextEditingController — 監視するコントローラー
  • label: String — 記録される入力のラベル
  • masked: bool — true の場合、トラッカーは入力イベントを記録しますが、値の代わりに **** を送信します。デフォルト: false。

リスナーを削除するコールバックが返されるので、dispose() に組み込みます。

import 'package:openreplay/openreplay.dart';

class _LoginFormState extends State<LoginForm> {
  final _email = TextEditingController();
  late final VoidCallback _stopObserving;

  @override
  void initState() {
    super.initState();
    _stopObserving = OpenReplay.instance.observeInput(_email, label: 'Email');
  }

  @override
  void dispose() {
    _stopObserving();
    _email.dispose();
    super.dispose();
  }
}

ご質問はありますか?

Section titled ご質問はありますか?

このプロセスについてご不明な点がございましたら、お気軽に Slack までお問い合わせください。