blurrycontainer

Visão geral do pacote

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

BlurryContainer é um pacote Flutter que permite aos desenvolvedores implementar facilmente o efeito de vidro fosco em contêineres, criando elementos de interface modernos e translúcidos. Ele utiliza técnicas específicas de plataforma para oferecer designs com efeito de vidro suave e visualmente atraentes em Android, iOS, Web, macOS, Windows e Linux. O pacote simplifica o processo de aplicar efeitos de desfoque sem exigir renderização personalizada complexa. Ideal para sobreposições, cartões, modais e componentes flutuantes da interface, ele melhora a profundidade visual e o apelo estético nas interfaces de aplicativos contemporâneos.

Casos de uso

Criando sobreposições de vidro fosco
Design de cartões e modais translúcidos
Construindo interfaces modernas com glassmorphism
Melhorando telas de inicialização do aplicativo
Implementando botões de ação flutuantes com desfoque
Adicionando profundidade às barras de navegação

Principais recursos

Suporte de desfoque multiplataforma
API simples para desfoque de contêiner
Controles de transparência embutidos
Desempenho otimizado
Intensidade de desfoque personalizável
Suporta sombras e bordas

Indicado para

Designers de interface procurando efeitos glassmorphic
Desenvolvedores construindo aplicativos modernos do Flutter
Aplicativos com modo escuro ou temas translúcidos
Projetos que enfatizam acabamento visual
Equipes usando princípios de design Material 3

Considerações

Impacto no desempenho em dispositivos de baixa gama
Personalização limitada além de desfoque e opacidade
Pode exigir estilos adicionais para casos extremos
Não adequado para necessidades de acessibilidade de alto contraste
A qualidade do desfoque varia ligeiramente por plataforma

README original

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

Introduction

A Flutter package to create a frosted glass effect on a container.

Screenshots

Installation

dependencies:
  blurrycontainer: 2.1.0

import 'package:blurrycontainer/blurrycontainer.dart';

Example

Using `BlurryContainer` widget

BlurryContainer(
  child: YOUR_WIDGET(),
  blur: 5,
  width: 200,
  height: 200,
  elevation: 0,
  color: Colors.transparent,
  padding: const EdgeInsets.all(8),
  borderRadius: const BorderRadius.all(Radius.circular(20)),
),

BlurryContainer.square(
  child: YOUR_WIDGET(),
  dimension: 200,
),

BlurryContainer.expand(
  child: YOUR_WIDGET(),
),

Using `blurry` extension method on

YOUR_WIDGET().blurry(
  blur: 5,
  width: 200,
  height: 200,
  elevation: 0,
  color: Colors.transparent,
  padding: const EdgeInsets.all(8),
  borderRadius: const BorderRadius.all(Radius.circular(20)),
),

Support :heart:

Star project on github.com.

Like on pub.dev.

Buscar pacotes, repositórios e categorias de apps