Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.0.2

gradient_text

Um widget Flutter para exibir texto com um gradiente desenhado através dele. Aceita TextStyle e TextAlign, permitindo que seja usado muito semelhante a um widget Text.

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

Instalar pacote

flutter pub add gradient_text

Visão geral do pacote

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

Um widget Flutter que renderiza texto com efeito de gradiente, permitindo que os desenvolvedores apliquem transições suaves de cor em caracteres individuais ou na string inteira. Suporta propriedades padrão TextStyle e TextAlign, tornando-o compatível com fluxos de trabalho existentes de estilização de texto. Ideal para criar elementos de interface visualmente atraentes, como títulos, botões ou rótulos com efeitos dinâmicos de cor. O pacote é leve e fácil de integrar, exigindo mínima configuração.

Casos de uso

  • Criando títulos estilizados com efeitos de gradiente
  • Adicionando charme visual aos botões do aplicativo
  • Melhorando elementos da interface com transições dinâmicas de cor
  • Designando telas de inicialização modernas
  • Implementando texto animado em painéis

Principais recursos

  • Suporta TextStyle e TextAlign
  • Renderização suave de gradiente por meio de texto
  • Configuração mínima necessária
  • Leve e eficiente
  • Compatível com propriedades padrão do widget Text

Indicado para

  • Designers de UI procurando melhorias visuais
  • Desenvolvedores de aplicativos modernos em Flutter
  • Projetos que exigem texto com gradiente sem pintura personalizada
  • Aplicativos focados na aparência estética

Considerações

  • Limitado a gradientes apenas de texto (sem efeitos de plano de fundo)
  • Pode afetar o desempenho em blocos de texto grandes
  • A direção e os pontos de parada do gradiente exigem configuração manual
  • Não adequado para layouts de texto complexos com múltiplas estilos

README original

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

GradientText

A Flutter Widget for displaying gradient text, text with a gradient drawn through it.

GradientTextScreenshot

Getting Started

Add the plugin (pub coming soon):

dependencies:
  ...
  gradient_text: ^1.0.2

Usage

Import it:

import 'package:gradient_text/gradient_text.dart';

Use it:

GradientText("this is my text",
    gradient: LinearGradient(
    colors: [Colors.deepPurple, Colors.deepOrange, Colors.pink]),
    style: TextStyle(fontSize: 42),
    textAlign: TextAlign.center);

Parameters:

data :: (required) :: The String to be used in the Text Widget

gradient :: (required) :: A gradient to be drawn through the text

style :: (optional) :: TextStyle to be used in the Text Widget. Color is ignored, as the text must be white to have the gradient drawn.

textAlign :: (optional) :: TextAlign to be used in the Text Widget. Default is left.

Credit

The idea to use ShaderMask came from Reddit user boformer. Thanks boformer.

Categorias

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

Repositório-fonte

Projetos que usam este pacote