pro_animated_blur

Description:

pro animated blur

ProAnimatedBlur #


ProAnimatedBlur is a Flutter package that is very similar to other 'Animated' widgets
such as AnimatedContainer, AnimatedOpacity, etc. *


Animates between different blur properties without needing 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 #

The example app looks like this:


Getting started #
Add the dependency in pubspec.yaml:
dependencies:
pro_animated_blur: ^0.0.1

# It is recommended to use latest version.
copied to clipboard
Import it:
Now in your Dart code, you can use:
import 'package:pro_animated_blur/pro_animated_blur.dart';
copied to clipboard
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,
),
),
);
copied to clipboard
Author #
Yasin Arık
Email: [email protected]
GitHub: github.com/yasinarik
LinkedIn: linkedin.com/in/yasinarik