flutter pub add blurred基于插件公开信息、社区数据与项目使用情况整理的选型参考。
模糊包为在Flutter中对控件和图像应用模糊效果提供了一种简单高效的方法。它抽象了使用ShaderMask和CustomPaint的复杂性，提供了简洁的API来实现平滑、实时的模糊效果。非常适合创建背景效果、叠加层或增强UI组件的视觉深度。该包轻量且易于集成，仅需一次导入和少量代码。支持图像和控件的模糊处理，并可自定义模糊强度。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
An easy way to blur your widgets and images.
Blurred(
Text(
"Hello World!",
style: TextStyle(
fontSize: 72,
),
),
blurValue: 3,
)
Output:
Check the example for BlurredImage example
To easily create a container with an acrylic effect.
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)),
],
),
),
),
),
],
),
);
}
}
暂无相关数据。