blurme 0.0.1 blurme: ^0.0.1 copied to clipboard
A render object implementation for widget blurring
Blurme - render object blur widget #
Instead of using Strack with BackdropFilter.blur you could use Render object implementation for blurring.
Benefits #
- Rendering speed increased about 20-30% on average
- Single widget instead of multiple ones
Measurements #
Difference was measured in example.dart file.
- First row - initial app start and first widget render
- Second row - blur equals to 0 in both widgets
- Third row and further - random measures while changing slider value for blurriness
Stack+BackdropFilter (microseconds) | Render Object (microseconds) |
---|---|
5309 | 315 |
155 | 70 |
99 | 72 |
90 | 62 |
86 | 64 |
89 | 54 |
81 | 120 |
88 | 60 |
As you can see vast majority of times in the test was better for Render Object around 20-30% and if you have your blur level at 0 then it have 50-75% increase.
How to use #
- Install package
flutter pub add blurme
- Pub get
flutter pub get
- Import it
import 'package:blurme/blurme.dart';
- Wrap widget with blur and set its value
child: Blurme(blurriness: 5, child: const YourChildWidget())...