gradient_widgets

Visão geral do pacote

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

GradientWidgets é um pacote leve do Flutter que oferece um conjunto mínimo de widgets aprimorados com belos gradientes. Permite aos desenvolvedores aplicar facilmente efeitos de gradiente a fundos, texto e outros elementos da interface com APIs simples e intuitivas. Ideal para adicionar brilho visual aos aplicativos sem configurações complexas, suporta transições suaves de gradiente e se integra perfeitamente em projetos existentes do Flutter. O pacote foca na simplicidade e desempenho, tornando-o perfeito para interfaces modernas e visualmente atraentes.

Casos de uso

Adicionando fundos em gradiente a contêineres
Melhorando o texto com cores de gradiente
Criando efeitos de gradiente animado
Design de interfaces de usuário modernas
Melhorando o apelo visual com código mínimo
Personalizando aparências de botão e cartão

Principais recursos

API simples de widget de gradiente
Suporte para gradientes de fundo e texto
Sobreposição de desempenho mínima
Integração fácil com o Flutter
Código limpo e legível
Sem dependências externas

Indicado para

Designers de interface procurando acabamento visual
Desenvolvedores de aplicativos móveis modernos
Projetos que exigem efeitos de gradiente sutis
Prototipagem de interfaces visualmente ricas
Aplicativos focados no design estético

Considerações

Limitado às funcionalidades básicas de gradiente
Sem controles de animação embutidos
Não adequado para efeitos de shader complexos
Requer manuseio manual da direção e das cores do gradiente
Melhor para gradientes estáticos ou simples dinâmicos

README original

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

Gradient Widgets

As of ^0.5.0, shadowColor is available for gradient buttons and cards

A minimal set of Flutter widgets encased with beautiful gradients.

You can use them when your UI needs user attention/focus, , e.g., login or send actions, or important shopping item title (see Gradient Screens to get the idea 😉)

☑️ GradientText

☑️ GradientCard

☑️ GradientButton

☑️ CircularGradientButton + Shadow Color

☑️ GradientProgressIndicator

☑️ CircularGradientProgressIndicator

◻️ GradientAppBar

Installation

In your pubspec.yaml root add:

dependencies:
  gradient_widgets: ^0.6.0

then,

import 'package:gradient_widgets/gradient_widgets.dart';

Usage

Card + Gradient

GradientCard(
    gradient: Gradients.tameer,
    shadowColor: Gradients.tameer.colors.last.withOpacity(0.25),
    elevation: 8,
);

most parameters are the same as the Card.

Progress Indicator + Gradient

must be gradient.colors.length = 2

indeterminate

GradientProgressIndicator(gradient: Gradients.rainbowBlue,);

determinate

GradientProgressIndicator(
  gradient: Gradients.rainbowBlue,
  value: 0.65,
);

Circular Progress Indicator + Gradient

must be gradient.colors.length = 2

indeterminate

GradientCircularProgressIndicator(
  gradient: Gradients.aliHussien,
);

determinate

GradientCircularProgressIndicator(
  gradient: Gradients.aliHussien,
  radius: 100,
);

Normal Button + Gradient

GradientButton(
  child: Text('Gradient'),
  callback: () {},
  gradient: Gradients.backToFuture,
  shadowColor: Gradients.backToFuture.colors.last.withOpacity(0.25),
),

most parameters are the same as any *Button.

Circular Button + Gradient

CircularGradientButton(
  child: Icon(Icons.gradient),
  callback: (){},
  gradient: Gradients.rainbowBlue,
  shadowColor: Gradients.rainbowBlue.colors.last.withOpacity(0.5),
),

most parameters are the same as FloatingActionButton.

Text + Gradient

GradientText(
  'Hello',
  shaderRect: Rect.fromLTWH(0.0, 0.0, 50.0, 50.0),
  gradient: Gradients.hotLinear,
  style: TextStyle(fontSize: 40.0,),
),

all parameters are the same as the Text.

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote