Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de ensure_visible_when_focused
Detalhes do pacotev1.2.0

ensure_visible_when_focused

Um widget útil do Flutter para rolar até um determinado widget sempre que este ganha foco.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
16,4 mil
Curtidas
53
Pontos Pub
160

Instalar pacote

flutter pub add ensure_visible_when_focused

Visão geral do pacote

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

Um widget Flutter que rola automaticamente a viewport para garantir que um widget específico seja visível sempre que ganhar foco. Ideal para formulários com conteúdo longo, este pacote melhora a usabilidade ao impedir que campos de entrada sejam ocultos pelo teclado. Funciona em todas as principais plataformas, incluindo móvel, web e desktop, proporcionando uma experiência do usuário sem interrupções. O widget se integra facilmente em layouts de formulários existentes sem exigir lógica de rolagem complexa.

Casos de uso

  • Entradas de formulário em dispositivos móveis
  • Rolagem para campos focados em formulários longos
  • Melhorando a acessibilidade em aplicativos web e desktop
  • Evitando sobreposição do teclado no iOS e Android
  • Garantir a visibilidade de elementos dinâmicos do formulário
  • Melhorando a UX em aplicativos multiplataforma

Principais recursos

  • Rolagem automática ao foco
  • Compatibilidade multiplataforma
  • Configuração mínima necessária
  • Funciona com qualquer contêiner rolável
  • Nenhuma dependência adicional
  • Suporta visualizações de rolagem aninhadas

Indicado para

  • Desenvolvedores criando formulários acessíveis
  • Aplicativos com formulários longos ou dinâmicos
  • Projetos Flutter multiplataforma
  • Equipes que priorizam a experiência do usuário
  • Projetos que exigem mínimo boilerplate
  • Formulários com interação por teclado

Considerações

  • Pode interferir no comportamento personalizado de rolagem
  • Requer contexto de rolagem pai adequado
  • Não adequado para layouts não roláveis
  • Pode causar problemas de layout se usado excessivamente
  • Opções limitadas de personalização
  • Melhor usado com gerenciamento explícito de foco

README original

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

Buy Me A Coffee

Introduction

I was having a hard time scrolling to a specific wdget in a scenario where I had a very large form, with lots of form fields.

I found an issue with no concrete answer https://github.com/flutter/flutter/issues/58877

After digging a litlle deeper I found a solution to this problem https://www.didierboelens.com/2018/04/hint-4 -ensure-a-textfield-or-textformfield-is-visible-in-the-viewport-when-has-the-focus/. Hence the idea of ​​creating and making this widget available.

This widget solves this problem in a very elegant way. You just have to give the same FocusNode of the widget you want to scroll to.

Basic Usage

The widget is very simple to use. You need to Wrap your widget on a EnsureVisibleWhenFocused widget. You have to pass the FocusNode of the widget you want to scroll to when it's given focus.

EnsureVisibleWhenFocused(
    focusNode: _focusNode,
    child: TextFormField(
        focusNode: _focusNode,
    ),
)

With the setup above, every time the TextFormField gains focus, a scroll will be made to it.

You can give focus to a field just doing:

_focusNode.requestFocus();

You can configure more things, such as the scroll duration and it's curve.

enter image description here

Suggestions & Bugs

For any suggestions or bug report please head to issue tracker.

Categorias

Formulário

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.