decorated_icon 1.0.1

A lightweight, efficient icon widget that supports a list of shadow effects.

Deocared Icon

The best-performing shadowed icon widget for Flutter!

DecoratedIcon is a super lightweight Icon widget that supports shadow decorations. With no complicated hacks or multiple widgets, and with only a single dozen of code lines, the shadows are applied to the icon as perfectly as they would be applied to a Text widget.

This widget is able to achieve the most efficient, most flexible implementation of an icon with a shadow because it is using a single Text widget to display the icon and apply the shadows to it.

One caveat to be aware of is the order of stacking of the shadows by Flutter; the first shadow in the list will be painted at the bottom. Similar to how the Stack widget draws its children.

Usage

To use this plugin, add decorated_icon as a dependency in your pubspec.yaml file.

Example

Import the library.

import 'package:decorated_icon/decorated_icon.dart';

Then use DecoratedIcon as you would any other widget:

Scaffold(
  body: Center(
    child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: [
        DecoratedIcon(
          Icons.android,
          color: Colors.purple,
          size: 60.0,
          shadows: [
            BoxShadow(
              blurRadius: 42.0,
              color: Colors.purpleAccent,
            ),
            BoxShadow(
              blurRadius: 12.0,
              color: Colors.white,
            ),
          ],
        ),
        DecoratedIcon(
          Icons.favorite,
          color: Colors.lightBlue.shade50,
          size: 60.0,
          shadows: [
            BoxShadow(
              blurRadius: 12.0,
              color: Colors.blue,
            ),
            BoxShadow(
              blurRadius: 12.0,
              color: Colors.green,
              offset: Offset(0, 6.0),
            ),
          ],
        ),
        DecoratedIcon(
          Icons.fingerprint,
          color: Colors.orange,
          size: 60.0,
          shadows: [
            BoxShadow(
              color: Colors.black,
              offset: Offset(3.0, 3.0),
            ),
          ],
        ),
      ],
    ),
  ),
);