Dynamic Badges

Help with dynamic badges of Material Design.

accessibility text

Usage DynamicBadge

Help with material design badges implementation.


First, you need to import the package:

import 'package:dynamic_badges/dynamic_badges.dart';

Example:

class Example extends StatelessWidget {
  const Example({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return DynamicBadge(
      label: "999",
      childSize: 92,
      child: IconButton(
          iconSize: 92,
          icon: const Icon(
            Icons.chat_bubble_outline_rounded,
          ),
          onPressed: () {}),
    );
  }
}

Example with counter:

Example:

class Example extends StatelessWidget {
  const Example({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const DynamicBadge.counter(
      count: 1241,
      childSize: 92,
      child: Icon(
        Icons.chat_bubble_outline_rounded,
        size: 92,
      ),
    );
  }
}

Libraries

source/badges
dynamic_badges
Library for export a widget.