aurora

Visão geral do pacote

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

Aurora é um pacote Flutter que simplifica a criação de fundos com gradientes de aurora hipnotizantes usando shaders personalizáveis. Permite aos desenvolvedores adicionar efeitos dinâmicos e fluidos de cores, semelhantes às auroras naturais, a qualquer widget ou tela com pouquíssimo código. Ideal para melhorar a estética do aplicativo, suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. O pacote aproveita as capacidades de renderização do Flutter para oferecer animações suaves e gradientes vibrantes sem sobrecarga de desempenho.

Casos de uso

Criando telas de inicialização visualmente atraentes
Melhorando experiências de onboarding de aplicativos móveis
Adicionando fundos atmosféricos aos jogos
Criando interfaces imersivas de painel
Melhorando o engajamento do usuário com visuais dinâmicos

Principais recursos

Integração fácil com apenas um widget
Cores de gradiente e velocidade de fluxo personalizáveis
efeitos de shader animados suaves
Compatibilidade multiplataforma
Leve e eficiente
Suporta os modos estático e animado

Indicado para

Designers de UI procurando efeitos visuais impressionantes
Desenvolvedores criando aplicativos artísticos ou criativos
Aplicativos que exigem tela de boas-vindas ou tela inicial envolventes
Projetos focados em experiências imersivas do usuário
Desenvolvedores front-end que desejam soluções com código mínimo

Considerações

Pode afetar o desempenho em dispositivos de baixa gama
Requer conhecimento básico de conceitos de shader
Personalização limitada além das configurações de gradiente e animação
Não adequado para necessidades simples de fundo estático
Melhor usado com conteúdo de sobreposição mínima para visibilidade ótima

README original

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

Aurora is a flutter package to create aurora gradient shades in your mobile app .

Install

dependencies:
  aurora: ^1.0.0

Usage

import 'package:aurora/aurora.dart';

Aurora(
  size: 300,
  colors: [Color(0xFFfbd07c), Color(0xFFf7f779)],
  blur: 200
)

Full example

import 'package:aurora/aurora.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Aurora',
      home: HomeScreen(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final TextStyle style = TextStyle(
        fontSize: 48,
        fontWeight: FontWeight.bold,
        color: Colors.white.withOpacity(0.7),
        letterSpacing: 1.2);

    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle.light
          .copyWith(statusBarColor: Colors.transparent),
      child: Scaffold(
        backgroundColor: Colors.black,
        body: Stack(
          children: [
            Positioned(
                top: -10,
                left: -100,
                child: Aurora(
                  size: 300,
                  colors: [
                    Color(0xffc2e59c).withOpacity(1),
                    Color(0xff64b3f4).withOpacity(1)
                  ],
                )),
            Positioned(
                top: -50,
                right: -50,
                child: Aurora(
                  size: 200,
                  colors: [Color(0xFFfbd07c), Color(0xFFf7f779)],
                )),
            Positioned(
                bottom: -100,
                right: -300,
                child: Aurora(
                  size: 600,
                  colors: [Color(0xFFff0f7b), Color(0xFFf89b29)],
                )),
            Positioned(
                bottom: -50,
                left: -100,
                child: Aurora(
                  size: 200,
                  colors: [Color(0xFF595cff), Color(0xFFc6f8ff)],
                )),
            Positioned.fill(
                child: Center(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    "Aurora",
                    style: style,
                  ),
                  Text(
                    "Gradients",
                    style: style.copyWith(fontSize: style.fontSize + 8),
                  ),
                ],
              ),
            )),
          ],
        ),
      ),
    );
  }
}

Buscar pacotes, repositórios e categorias de apps

aurora

Instalar pacote