flutter pub add aura_box基于插件公开信息、社区数据与项目使用情况整理的选型参考。
Aura Box 是一个 Flutter 小部件，通过将多个径向渐变与模糊叠加结合，创建出引人注目的背景效果。适用于现代应用程序界面，能够在不带来沉重性能负担的情况下增强视觉深度和优雅感。该小部件支持平滑动画，并可自定义渐变颜色、强度和模糊程度。它可在 Android、iOS、Web、macOS、Windows 和 Linux 等所有主要平台上运行，非常适合跨平台开发。适用于启动画面、登录页面或沉浸式用户界面。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Flutter widget that combines multiple radial gradients and blur effect.
Add this line into the project pubspec.yaml file.
dependencies:
aura_box: ^1.0.4
Then in your files you can import it:
import 'package:aura_box/aura_box.dart';
The package exposes two widgets.
AuraBox acts as a container which can receive a child, a decoration and a list of AuraSpot.AuraSpot represent the point where the radiant gradients are generated.AuraBox(
spots: [
// Places one blue spot in the center
AuraSpot(
color: Colors.blue,
radius: 100.0,
alignment: Alignment.center,
blurRadius: 5.0,
stops: const [0.0, 0.5],
),
// Places one red spot in the bottom right
AuraSpot(
color: Colors.red,
radius: 150.0,
alignment: Alignment.bottomRight,
blurRadius: 10.0,
stops: const [0.0, 0.7],
),
],
decoration: BoxDecoration(
color: Colors.transparent,
shape: BoxShape.rectangle,
borderRadius: BorderRadius.circular(10.0),
),
child: const SizedBox(
height: 100,
width: 100,
),
)
The single spots are positioned inside a stack widget.
This gives control over their position using the alignment property.
For further details you can refer to the Alignment class documentation.
An example project is available within the project: