blurrycontainer 2.1.0

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

blurrycontainer

Introduction

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

Screenshots

Installation

dependencies:
  blurrycontainer: 2.1.0

copied to clipboard

import 'package:blurrycontainer/blurrycontainer.dart';

copied to clipboard

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)),
),

copied to clipboard

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

copied to clipboard

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

copied to clipboard

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)),
),

copied to clipboard

Support ❤️

Star project on github.com.

Like on pub.dev.