pro_animated_blur 0.0.2

ProAnimatedBlur is a widget that blurs the underlying area of its child widget and it works like AnimatedContainer, AnimatedOpacity

ProAnimatedBlur

ProAnimatedBlur is a Flutter package very similar to other 'Animated' widgets such as AnimatedContainer, AnimatedOpacity, etc. (without a dedicated animation controller because it is auto-handled)

It blurs the background of the child widget.

Some usecases:

• When a modal (popup window) is used, wrap the route with ProAnimatedBlur in order to blur the rest of the screen (you can blur the dark shaded dismissible barrier area)
• Wrap any of your containers to make a frosted glass style.

Features

TODO: List what your package can do. Maybe include images, gifs, or videos.

Getting started

Add the dependency in pubspec.yaml:

dependencies:
  pro_animated_blur: ^0.0.1

  # It is recommended to use latest version.

Import it:

Now in your Dart code, you can use:

import 'package:pro_animated_blur/pro_animated_blur.dart';

Usage

return Container(
  clipBehavior: Clip.antiAlias, // Use a clip  option.
  child: ProAnimatedBlur(
    blur: _isBlurred ? 20 : 0,
    duration: Duration(milliseconds: 200),
    curve: Curves.linear,
    child: Container(
      height: 200,
      width: 200,
    ),
  ),
);