blurrycontainer 0.0.1

Flutter Android iOS web

Container with Frosty Glass effect where you can controll blur radius , height , blur color etc.

blurrycontainer #

Make lovely Container with Frosty Glass effect where you can controll blur radius , height , blur color etc.

Show some ❤️ and star the repo to support the project #

Getting Started #

To use this package, add blurry_container as a dependency in your pubspec.yaml file.

The child can be set with the child property. The color can be set with the bgColor property. The border radius can be set with the borderRadius property. The height can be set with the height property. The width can be set with the width property. The padding can be set with the padding property. The blur amount can be set with the blur property.

Demo #

Normal dialog Demo

Example #

import 'package:flutter/material.dart';
import 'package:podo/widgets/blurry_container.dart';

main() => runApp(TestApp());

class TestApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Container(
          height: double.infinity,
          width: double.infinity,
          decoration: BoxDecoration(
            color: Colors.white,
            image: DecorationImage(
              fit: BoxFit.cover,
              image: NetworkImage('https://ranjeetrocky.000webhostapp.com/bg5.jpg'),
            ),
          ),
          child: SafeArea(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: <Widget>[
                BlurryContainer(
                  borderRadius: BorderRadius.circular(20),
                  bgColor: Colors.white,
                  height: 150,
                  width: 250,
                ),
                BlurryContainer(
                  borderRadius: BorderRadius.circular(20),
                  bgColor: Colors.black,
                  height: 150,
                  width: 350,
                ),
                BlurryContainer(
                  borderRadius: BorderRadius.circular(20),
                  bgColor: Colors.purple,
                  blur: 2,
                  height: 120,
                  width: 150,
                ),
                BlurryContainer(
                  borderRadius: BorderRadius.circular(20),
                  bgColor: Colors.lightBlueAccent,
                  height: 180,
                  width: 180,
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}
8
likes
90
pub points
81%
popularity

Container with Frosty Glass effect where you can controll blur radius , height , blur color etc.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

ranjeetrocky2000@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on blurrycontainer