Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de focus_widget
Detalhes do pacotev1.0.5+2

focus_widget

Quando tocar fora do widget, faça o FocusNode perder o foco.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
26
Curtidas
20
Pontos Pub
140

Instalar pacote

flutter pub add focus_widget

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

O pacote focus_widget oferece uma maneira conveniente de remover automaticamente o foco de um FocusNode quando o usuário toca fora do widget. Ele melhora a usabilidade de formulários garantindo que o foco seja gerenciado corretamente, evitando estados de foco persistentes que podem prejudicar a experiência do usuário. Ideal para campos de entrada e formulários interativos, simplifica o tratamento da perda de foco em múltiplas plataformas. O pacote se integra perfeitamente ao sistema de foco do Flutter e suporta todas as principais plataformas, incluindo móvel, web e desktop.

Casos de uso

  • Gerenciamento de entrada de formulário
  • Evitando estados de foco prolongados
  • Melhorando a UX em formulários interativos
  • Manipulação da perda de foco ao tocar fora
  • widgets de formulário multiplataforma

Principais recursos

  • Perda automática do foco ao tocar fora
  • Integração simples com FocusNode
  • Suporta todas as plataformas do Flutter
  • Leve e sobrecarga mínima
  • Funciona com componentes de formulário existentes

Indicado para

  • Desenvolvedores construindo formulários
  • Aplicativos que exigem comportamento de foco limpo
  • Aplicações Flutter multiplataforma
  • UIs com múltiplos campos de entrada
  • Equipes que priorizam a experiência do usuário

Considerações

  • Requer configuração adequada do FocusNode
  • Pode interferir na lógica personalizada de foco
  • Não adequado para widgets com foco contínuo
  • Limitado à perda de foco baseada em toque
  • Depende da precisão da detecção de gestos

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Categorias

Formulário

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.