flutter pub add aura_box根據套件公開資料產生的選型評估，僅供參考。
Aura Box 是一個 Flutter widget，透過結合多個徑向漸層與模糊疊加，創造出視覺上令人印象深刻的背景效果。適合現代應用程式介面，能在不造成沉重效能負擔的情況下提升視覺深度與優雅感。此 widget 支援順暢動畫，並可自訂漸層顏色、強度與模糊程度。可在 Android、iOS、Web、macOS、Windows 及 Linux 等所有主要平台運作，非常適合跨平台開發。適用於啟動畫面、登入頁面或沉浸式 UI。
以下為關聯原始碼儲存庫的 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: