Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.1.0

blurred

blurred - A maneira mais fácil de desfocar seus widgets e imagens do Flutter.

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

Instalar pacote

flutter pub add blurred

Visão geral do pacote

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

O pacote blur fornece uma maneira simples e eficiente de aplicar efeitos de desfoque a widgets e imagens no Flutter. Ele abstrai a complexidade do uso de ShaderMask e CustomPaint, oferecendo uma API limpa para alcançar desfocagem suave e em tempo real. Ideal para criar efeitos de fundo, sobreposições ou aumentar a profundidade visual em componentes da interface. O pacote é leve e fácil de integrar, exigindo apenas uma importação e código mínimo. Suporta desfoque de imagens e widgets com intensidade de desfoque personalizável.

Casos de uso

  • Criando fundos borrados
  • Aprimorando a profundidade da interface com efeitos de desfoque
  • Implementando sobreposições modais
  • Projetando destaque de cartão ou contêiner
  • Adicionando efeitos visuais sutis às imagens
  • Melhorar a estética da interface do usuário

Principais recursos

  • API simples para aplicação de desfoque
  • Suporta tanto widgets quanto imagens
  • Intensidade de desfoque personalizável
  • Leve e eficiente
  • Integração fácil com projetos Flutter
  • Renderização em tempo real com desfoque

Indicado para

  • Designers de interface buscando melhorias visuais
  • Desenvolvedores construindo interfaces de aplicativos modernos
  • Projetos que exigem efeitos de desfoque de plano de fundo
  • Aplicativos com fundos dinâmicos ou interativos
  • Prototipagem de telas visualmente ricas

Considerações

  • Pode afetar o desempenho em dispositivos de baixa potência
  • A qualidade do desfoque depende da resolução da imagem de origem
  • Personalização limitada além do raio de desfoque
  • Não otimizado para widgets muito grandes
  • Mais adequado para intensidades moderadas de desfoque

README original

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

blurred

An easy way to blur your widgets and images.

blurred example

Usage

Blurred(
  Text(
    "Hello World!",
    style: TextStyle(
      fontSize: 72,
    ),
  ),
  blurValue: 3,
)

Output:

Hello World

Check the example for BlurredImage example

Acrylic

Acrylic

To easily create a container with an acrylic effect.

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Acrylic Header',
      theme: ThemeData.dark(),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color.fromRGBO(12, 10, 30, 1),
      body: Stack(
        children: [
          ListView.builder(
            itemBuilder: (_, __) => ListTile(
              leading: Icon(Icons.ac_unit_rounded, size: 30),
              title: Text('Lorem Ipsum'),
            ),
          ),
          SizedBox(
            height: 80,
            child: Acrylic(
              child: Center(
                child: Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    FlutterLogo(size: 40),
                    SizedBox(width: 10),
                    Text('Acrylic Header', style: TextStyle(fontSize: 40)),
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}
Output

Acrylic Example

Categorias

Imagem

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.