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: yasin.ariky@gmail.com
GitHub: github.com/yasinarik
LinkedIn: linkedin.com/in/yasinarik
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
