概要
pointer_interceptor パッケージは、ポインターイベント（クリックなど）がウェブ上の下位の HtmlElementViews によって吸収されないことを保証するウィジェットを提供します。これにより、Flutter ウィジェットが iframe や埋め込み HTML コンテンツなどのウェブ固有コンポーネントの上に配置されている場合でも、入力イベントを受け取ることができます。これは、ネイティブな HTML 要素がジェスチャーを奪ってしまう可能性があるハイブリッド Web アプリケーションで、インタラクティブ機能を維持するのに特に役立ちます。このパッケージは Flutter の Web プラットフォームとのシームレスな統合を目的としており、iOS および Web プラットフォームをサポートしています。
用途
- iframe 上でのタッチイベントの処理
- 埋め込みWebコンテンツ上のボタン操作が機能することを確認する
- Webベースのハイブリッドアプリケーションにおけるジェスチャーの喪失を防ぐ
- ウェブオーバーレイの使いやすさの向上
- HTML ビューの上にクリック可能な UI 要素を有効にする
主な機能
- HtmlElementViews によるイベントの飲み込みを防ぐ
- イベントインターセプション用のシンプルなウィジェットラッパー
- Web および iOS 用のクロスプラットフォーム対応
- 必要な最小構成
- Flutterのジェスチャー システムの整合性を維持する
適している対象
- 埋め込みHTMLを使用してWebアプリを構築する開発者
- Flutter Webプロジェクトでiframeを使用するチーム
- ウェブ上で正確なポインター制御を必要とするアプリ
- レイヤードインタラクティブコンポーネントを備えた UI
- ウェブ上で信頼できるジェスチャー処理が必要なプロジェクト
注意事項
- WebおよびiOSプラットフォームに限定
- ウィジェットの重ね合わせに注意が必要な場合があります
- 非HTMLオーバーレイのシナリオでは不要
- パフォーマンスへの影響はわずかだが存在する
- 外部のウェブコンテンツとやり取りする際に最適です