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)),
],
),
),
),
),
],
),
);
}
}
暫無相關資料。