flutter_icon_shadow 2.0.7 copy "flutter_icon_shadow: ^2.0.7" to clipboard
flutter_icon_shadow: ^2.0.7 copied to clipboard

Adds shadow under an icon in Flutter. Customizable with color, blur and offset.

example/lib/main.dart

// ignore_for_file: depend_on_referenced_packages, library_private_types_in_public_api

import 'package:flutter/material.dart';
import 'package:flutter_icon_shadow/flutter_icon_shadow.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.deepPurple,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[100],
      appBar: AppBar(
        backgroundColor: Colors.black,
        title: const Text('Flutter Icon Shadow'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                const IconShadow(
                  Icon(
                    Icons.lightbulb_outline,
                    color: Colors.lightBlueAccent,
                    size: 36,
                  ),
                ),
                IconShadow(
                  const Icon(
                    Icons.lightbulb_outline,
                    color: Colors.lightBlueAccent,
                    size: 36,
                  ),
                  shadowColor: Colors.lightBlueAccent[100],
                  shadowOffset: const Offset(2, 2),
                ),
                const IconShadow(
                  Icon(
                    Icons.lightbulb_outline,
                    color: Colors.lightBlueAccent,
                    size: 36,
                  ),
                  showShadow: false,
                )
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                IconShadow(
                  Icon(
                    Icons.home,
                    color: Colors.green[900],
                    size: 36,
                  ),
                  shadowColor: Colors.yellowAccent,
                ),
                IconShadow(
                  Icon(
                    Icons.home,
                    color: Colors.green[900],
                    size: 36,
                  ),
                  shadowOffset: const Offset(2, 2),
                ),
                IconShadow(
                  Icon(
                    Icons.home,
                    color: Colors.green[900],
                    size: 36,
                  ),
                  showShadow: false,
                )
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                IconShadow(
                  const Icon(
                    Icons.access_alarm,
                    color: Colors.black54,
                    size: 36,
                  ),
                  shadowColor: Colors.yellowAccent[400],
                ),
                IconShadow(
                  const Icon(
                    Icons.access_alarm,
                    color: Colors.black54,
                    size: 36,
                  ),
                  shadowColor: Colors.red[400],
                  shadowOffset: const Offset(2, 2),
                ),
                IconShadow(
                  const Icon(
                    Icons.access_alarm,
                    color: Colors.black54,
                    size: 36,
                  ),
                  shadowColor: Colors.cyanAccent[400],
                )
              ],
            ),
          ],
        ),
      ),
    );
  }
}
3
likes
150
points
146
downloads

Publisher

verified publishercasraf.dev

Weekly Downloads

Adds shadow under an icon in Flutter. Customizable with color, blur and offset.

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter, flutter_lints

More

Packages that depend on flutter_icon_shadow