flutter pub add icon_decoration基于插件公开信息、社区数据与项目使用情况整理的选型参考。
IconDecoration 通过启用边框和渐变等装饰功能，增强了 Icon 小部件，使 Flutter 应用中的图标更具视觉吸引力。它扩展了标准的 Icon 小部件，提供可自定义的样式选项，无需复杂的自定义绘图即可轻松应用高级视觉效果。适用于需要精致 UI 元素的应用程序，该包支持所有主要平台，包括移动、网页和桌面。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Add decoration capabilities to the Icon widget with borders and gradients. This new DecoratedIcon widget overlap itself with the base Icon widget to provide a more complete decoration system through a IconDecoration property.
pubspec.yamlicon_decoration: any
import 'package:icon_decoration/icon_decoration.dart';
DecoratedIcon(
icon: Icon(Icons.favorite, color: Colors.green),
decoration: IconDecoration(border: IconBorder()),
)
Gradients are supported on Flutter Web only with the canvaskit renderer
DecoratedIcon(
icon: Icon(Icons.all_inbox),
decoration: IconDecoration(
gradient: rainbowGradient,
),
)
DecoratedIcon(
icon: Icon(
Icons.all_inbox,
shadows: [
Shadow(
color: Colors.red,
blurRadius: 3,
offset: Offset(0, 2),
),
],
),
decoration: IconDecoration(
gradient: _rainbowGradient,
border: IconBorder(),
),
)
IconDecoration.shadows, use Icon.shadows instead.Before
DecoratedIcon(
icon: Icon(Icons.all_inbox),
decoration: IconDecoration(
shadows: [
Shadow(
color: Colors.red,
blurRadius: 3,
offset: Offset(0, 2),
),
],
),
)
After
Icon(
Icons.all_inbox,
shadows: [
Shadow(
color: Colors.red,
blurRadius: 3,
offset: Offset(0, 2),
),
],
),