패키지, 저장소 및 앱 카테고리 검색

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의 포커스 시스템과 원활하게 통합되며 모바일, 웹, 데스크톱을 포함한 모든 주요 플랫폼을 지원합니다.

사용 사례

  • 양식 입력 관리
  • 지속적인 포커스 상태 방지
  • 인터랙티브 폼에서 UX 개선
  • 탭 외부에서 포커스 손실 처리
  • 크로스 플랫폼 폼 위젯

주요 기능

  • 외부를 탭하면 자동으로 포커스가 사라집니다
  • FocusNode와의 간단한 통합
  • 모든 플러터 플랫폼을 지원합니다
  • 경량이며 오버헤드가 최소
  • 기존 폼 컴포넌트와 함께 작동합니다

적합한 대상

  • 양식을 개발하는 개발자
  • 클린 포커스 동작이 필요한 앱
  • 크로스 플랫폼 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

카테고리

폼

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.