blurred

Description:

blurred

blurred #
An easy way to blur your widgets and images.

Usage #
Blurred(
Text(
"Hello World!",
style: TextStyle(
fontSize: 72,
),
),
blurValue: 3,
)
copied to clipboard
Output:


Check the example for BlurredImage example

Acrylic #

To easily create a container with an acrylic effect.
Example #
void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Acrylic Header',
theme: ThemeData.dark(),
home: MyHomePage(),
);
}
}

class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color.fromRGBO(12, 10, 30, 1),
body: Stack(
children: [
ListView.builder(
itemBuilder: (_, __) => ListTile(
leading: Icon(Icons.ac_unit_rounded, size: 30),
title: Text('Lorem Ipsum'),
),
),
SizedBox(
height: 80,
child: Acrylic(
child: Center(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
FlutterLogo(size: 40),
SizedBox(width: 10),
Text('Acrylic Header', style: TextStyle(fontSize: 40)),
],
),
),
),
),
],
),
);
}
}
copied to clipboard
Output #