Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev0.0.11

faded_text

Integre efeitos de desvanecimento da esquerda para a direita em texto multilinha. Perfeito quando você precisa dessa elegância de texto em uma única linha em layouts mais complexos.

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

Instalar pacote

flutter pub add faded_text

Visão geral do pacote

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

FadedText é um pacote Flutter que aplica efeitos suaves de desvanecimento da esquerda para a direita em textos com múltiplas linhas, criando uma estética elegante de linha única em layouts complexos. Ele melhora o apelo visual ao desfocar suavemente as bordas do texto, ideal para interfaces modernas onde legibilidade e elegância coexistem. O pacote suporta todas as principais plataformas — Android, iOS, Web, macOS, Windows e Linux — e se integra perfeitamente aos widgets de texto existentes. Projetado para desenvolvedores que buscam apresentação refinada de texto sem lógica de animação personalizada, simplifica a implementação de efeitos tipográficos elegantes.

Casos de uso

  • Criando texto multilinha elegante com efeitos de desvanecimento
  • Melhorando a legibilidade da interface em layouts densos
  • Adicionando animações sutis a elementos de texto
  • Melhorando a hierarquia visual em painéis
  • Designando interfaces de aplicativos modernos com tipografia limpa
  • Implementando transições de desvanecimento em contêineres de texto roláveis

Principais recursos

  • efeito de desvanecimento da esquerda para a direita para texto multilinha
  • Suporte multiplataforma (Android, iOS, Web, macOS, Windows, Linux)
  • Integração simples com widgets Text existentes
  • Duração e intensidade de desvanecimento personalizáveis
  • Leve e eficiente
  • Sem dependências externas

Indicado para

  • Designers de interface procurando efeitos de texto refinados
  • Desenvolvedores de aplicativos modernos em Flutter
  • Equipes focadas na consistência visual
  • Projetos que exigem texto animado sutil
  • Aplicativos com layouts complexos e intensivos em texto

Considerações

  • Pode exigir ajustes para uma aparência de desvanecimento ideal
  • Mais adequado para texto com altura de linha consistente
  • Não ideal para conteúdo altamente dinâmico ou rapidamente mudando
  • Impacto no desempenho desprezível, mas deve ser testado em dispositivos mais antigos
  • Personalização limitada além da direção e velocidade do desvanecimento

README original

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

Faded Text

Made by Surf 🏄‍♂️🏄‍♂️🏄‍♂️

Build Status Coverage Status Pub Version Pub Likes Pub popularity License: Apache 2.0

Shows an illustrated sun in light mode and a moon with stars in dark mode.



Enhance your Flutter app with this package, designed to seamlessly integrate left-to-right fade effects for multi-line text. Perfect for when you need that single-line text elegance in more complex layouts. Made by Surf :surfer: Flutter team :cow2:

Overview

  • :1234: Enabled on every platform - the package is fully written on Flutter side and enabled on every platform
  • :recycle: Fully covered by tests - guaranteeing the result and expectations from this package
  • :notebook_with_decorative_cover: End-to-end documentation - every aspect of implementation is documented, so there is full understanding
  • :cow2: Support from the best Flutter experts - we are open to any enhancement ideas and contributions

Usage

Installation

Add faded_text to your pubspec.yaml file:

dependencies:
  faded_text: 0.0.6
Example

You need to create an instance of the FadedText class like a regular Text.

Regular `Text` with fade effect `FadedText` 
Text(
  'Lorem ipsum dolor sit amet, 
  consectetur adipisci and blah blah...',
  maxLines: 5,
  overflow: TextOverflow.fade,
)

FadedText(
  'Lorem ipsum dolor sit amet, 
  consectetur adipisci and blah blah...',
  maxLines: 5,
)

Output:

Fade effect of intrinsic `Text` Fade effect of `FadedText`

You can also create FadedText.rich like regular Text.rich.

Regular `Tex.rich` with fade effect `FadedText.rich` 
Text.rich(
  TextSpan(
    children: [
      TextSpan(
        text:
          'Lorem ipsum dolor sit amet, 
          consectetur adipisci 
          and blah blah...',
        ),
      TextSpan(
        text:
          'Ut enim ad minim veniam, 
          quis nostrud and so on...',
        style: TextStyle(
          fontWeight: FontWeight.bold,
          ),
        ),
      ],
    ),
    maxLines: 4,
    overflow: TextOverflow.fade,
  ),

FadedText.rich(
  TextSpan(
    children: [
      TextSpan(
        text:
          'Lorem ipsum dolor sit amet,   
          consectetur adipisci and blah blah...'),
      TextSpan(
        text:
          'Ut enim ad minim veniam, 
          quis nostrud and so on...',
        style: TextStyle(
          fontWeight: FontWeight.bold,
        ),
      ),
    ],
  ),
  maxLines: 4,
)

Output:

Fade effect of intrinsic Text.rich Fade effect of FadedText.rich

Changelog

All notable changes to this project will be documented here.

Issues

To report your issues, file directly in the Issues section.

Contribute

If you would like to contribute to the package (e.g. by improving the documentation, fixing a bug or adding a cool new feature), please read our contribution guide first and send us your pull request.

Your PRs are always welcome.

How to reach us

Please feel free to ask any questions about this package. Join our community chat on Telegram. We speak English and Russian.

Telegram

License

Apache License, Version 2.0

Categorias

Decoração de Texto, Efeito e Animação

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.