パッケージ、リポジトリ、アプリカテゴリを検索

ducafecatFlutter エコシステムナビ
focus_widget のカバー
パッケージ詳細v1.0.5+2

focus_widget

ウィジェットの外側をタップすると、FocusNodeがフォーカスを失います。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
26
いいね数
20
Pub ポイント
140

パッケージをインストール

flutter pub add focus_widget

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

focus_widget パッケージは、ユーザーがウィジェットの外をタップしたときに、FocusNode のフォーカスを自動的に解除する便利な方法を提供します。フォーカスが適切に管理されることで、ユーザー体験を妨げる継続的なフォーカス状態を防ぎ、フォームの使いやすさを向上させます。入力フィールドやインタラクティブなフォームに最適で、複数のプラットフォーム間でのフォーカス喪失の処理を簡単にします。このパッケージは Flutter のフォーカスシステムとシームレスに統合され、モバイル、Web、デスクトップを含むすべての主要プラットフォームをサポートしています。

用途

  • フォーム入力管理
  • 長期間にわたるフォーカス状態を防ぐ
  • インタラクティブなフォームにおけるUXの向上
  • タップで外側にフォーカスが失われる処理
  • クロスプラットフォームフォームウィジェット

主な機能

  • 外側をタップするとフォーカスが自動で失われる
  • FocusNode との簡単な統合
  • すべての Flutter プラットフォームをサポートしています
  • 軽量でオーバーヘッドが最小限
  • 既存のフォームコンポーネントと互換性があります

適している対象

  • フォームを開発する開発者
  • クリーンなフォーカス動作を必要とするアプリ
  • クロスプラットフォーム Flutter アプリケーション
  • 複数の入力フィールドを備えた UI
  • ユーザー体験を重視するチーム

注意事項

  • 適切な FocusNode の設定が必要です
  • カスタムフォーカスロジックに影響を与える可能性があります
  • 常にフォーカスされたウィジェットには適していません
  • タップベースのフォーカス喪失に限定
  • ジェスチャー検出の正確さに依存します

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Flutter Focus Widget

一个可以让FocusNode失去焦点的Widget
A focusable and blurable widget of based on the FocusNode.

  • 新增的参数：

    • bool showFocusArea

      使用一个半透明的红色方框显示焦点区域，主要用于调试。

    • void Function(Widget widget, FocusNode focusNode) onLostFocus

      失去焦点后会调用这个function。

  • New Parameters:

    • bool showFocusArea

      Display a translucent red box to show the focus area, it's for debug.

    • void Function(Widget widget, FocusNode focusNode) onLostFocus

      When lost focus invoke this function.

  • 当FocusWidget获得焦点后

    在FocusWidget区域外点击

    会调用FocusNode.unfocus()并且触发FocusNode的listener

  • When the FocusWidget had focus

    Tap outside the FocusWidget area

    Will call the FocusNode's unfocus method and trigger the FocusNode's listener

GIF

gif

カテゴリー

フォーム

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。