flutter_acrylic

Acrylic & aero blur effect on Flutter Windows.

Installation #

Mention in your pubspec.yaml.

dependencies:
  ...
  flutter_acrylic: ^0.0.1

Example #

You can download & try out the example application here.

Documentation #

Acrylic #

Initialize the plugin inside the main method.

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  Acrylic.initialize();
  runApp(MyApp());
}

Apply the effect to Flutter window.

Acrylic.setEffect(
  effect: AcrylicEffect.aero,
  gradientColor: this.color
);

Following effects are available.

• AcrylicEffect.disabled.
• AcrylicEffect.solid.
• AcrylicEffect.transparent.
• AcrylicEffect.aero.
• AcrylicEffect.acrylic.

Window #

Other utility features offered by the plugin.

Enter fullscreen.

Window.enterFullscreen();

Exit fullscreen.

Window.exitFullscreen();

More features coming soon.

Notes #

This plugin exposes the undocumented SetWindowCompositionAttribute API from user32.dll on Windows 10. Learn more at Rafael Rivera's amazing blog post about this here.

In most cases, you might wanna render custom window frame because the blur effect might leak outside the window boundary. You can use bitsdojo_window to make a custom window for your Flutter application.

You can see the example application for further details.

License #

MIT License. Contributions welcomed.

More #

Aero blur effect.

Transparent Flutter window.