use_scramble

Visão geral do pacote

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

Um pacote leve do Flutter que permite animações de texto aleatórias, inspirado no hook useScramble. Cria efeitos dinâmicos semelhantes a uma máquina de escrever, em que o texto parece se embaralhar e se estabilizar na forma final. Ideal para elementos de interface envolventes, como mensagens de carregamento, manchetes animadas ou exibições interativas de texto. O pacote é simples de integrar e funciona em todas as principais plataformas, incluindo móvel, web e desktop. Suporta velocidade personalizável de embaralhamento e conjuntos de caracteres, tornando-o flexível para diversas necessidades de design.

Casos de uso

Mensagens de boas-vindas animadas
indicadores de estado de carregamento
efeitos de cabeçalho interativos
animações dinâmicas de rótulo
tela de introdução

Principais recursos

Embaralhamento de texto em tempo real
Velocidade de animação personalizável
Suporta conjuntos de caracteres personalizados
Compatibilidade multiplataforma
Configuração mínima necessária
Desempenho suave em dispositivos

Indicado para

Designers de UI procurando efeitos de texto dinâmicos
Desenvolvedores de aplicativos interativos
Projetos com fluxos animados de boas-vindas
Aplicativos que exigem feedback visual durante o carregamento
Experiências digitais criativas

Considerações

Pode afetar o desempenho com textos muito longos
Controle limitado sobre o tempo de cada caractere
Não é ideal para exibição de texto estático
Mais adequado para frases curtas e impactantes
Requer ajuste cuidadoso para efeito visual ideal

README original

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

Lightweight package for random text animations inspired by useScramble

Used by

Board Buddy
- AppStore
- Google Play

Usage

TextScramble(
    text: 'Hello World!',
    speed: Duration(milliseconds: 50),
    chars: '!<>-_\\/[]{}—=+*^?#________',
    correctCharProbability: 0.1, // Correct character probability in [0, 1]
    scrambleCycles: 4, // Number of times to scramble the text
    builder: (context, scrambledText) {
      // Use the builder to define how the text is displayed
      return Text(
        scrambledText,
        textAlign: TextAlign.center, // Text alignment is now within the builder
        style: TextStyle( // Text style is now within the builder
          fontSize: 40,
          color: Colors.green,
          fontFamily: 'JetBrainsMono',
        ),
      );
    },
),

Bugs/Requests

If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on Github and I'll look into it. Pull request are also welcome.

Additional information

Medium article link

Created by Gleb | khlebobul@gmail.com

Support the project:

Credits

Inspired by useScramble
Thanks eibaan for the recommendations

Buscar pacotes, repositórios e categorias de apps

Instalar pacote