bordered_text

Visão geral do pacote

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

O pacote bordered_text aprimora o widget Text do Flutter adicionando um efeito sutil de traço, permitindo que desenvolvedores criem texto visualmente distinto com bordas tracejadas. Ele é compatível com múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o ideal para designs consistentes em várias plataformas. O pacote é leve e fácil de integrar, oferecendo largura de traço, cor e efeitos de desfoque personalizáveis. Perfeito para elementos da interface como rótulos, títulos ou badges que precisam de uma aparência destacada sem pintura personalizada complexa.

Casos de uso

Criando texto estilizado com contornos
Projetar elementos de interface como insignias ou rótulos
Melhorando a legibilidade com contraste de borda
Adicionando profundidade visual ao texto em jogos ou aplicativos
Implementando efeitos de texto responsivos em plataformas

Principais recursos

Efeito de traço sutil no texto
Largura e cor de traço personalizáveis
Suporte para efeitos de desfoque
Compatibilidade multiplataforma
Integração simples com widgets Text existentes
Leve e eficiente

Indicado para

Designers de UI procurando melhorias visuais
Desenvolvedores de aplicativos multiplataforma
Projetos que exigem texto com efeitos de contorno
Interface de jogo ou aplicativo interativo
Aplicativos que precisam de formatação de texto acessível

Considerações

Pode afetar o desempenho em blocos de texto grandes
Efeitos de traço podem não ser renderizados de forma idêntica em todas as plataformas
Limitado a estilos básicos de traço (sem gradientes ou padrões avançados)
Requer seleção cuidadosa da cor para legibilidade
Não adequado para animações de alto desempenho com muitos elementos de texto

README original

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

BorderedText

Adds Stroke to a Flutter Text widget

Getting Started

Check the installation guide for how to install this plugin

Usage

We can apply a very thin and subtle stroke to a [Text]

import 'package:bordered_text/bordered_text.dart';

class StrokeTester extends StatelessWidget {

  const StrokeTester({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Bordered Text test',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Bordered Text'),
        ),
        body: Center(
          child: BorderedText(
            strokeWidth: 1.0,
            child: Text(
              'Bordered Text Widget',
              style: TextStyle(
                decoration: TextDecoration.none,
                decorationColor: Colors.red,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Buscar pacotes, repositórios e categorias de apps

Instalar pacote