Bubble animation is not working

[mahmoudwiddee]

All of the functionalists of the button are working well, but the animation shows only the circle and the icon animation, I can't see the bubbles animation at all. here is my code:

            child: LikeButton(
              animationDuration: Duration(milliseconds: 1000),
              bubblesSize: 10,
              isLiked: item.wishlisted,
              circleColor: CircleColor(
                  start: WiddeeColors.white, end: WiddeeColors.primary),
              onTap: (liked) {
                Logger().w(item.toJson());
                if (item.wishlisted) {
                  BlocProvider.of<MenuBloc>(context).add(
                      RemoveFromWishList(item: item, categoryId: categoryId));
                  return Future.value(false);
                } else {
                  BlocProvider.of<MenuBloc>(context)
                      .add(AddToWishList(item: item, categoryId: categoryId));
                  return Future.value(true);
                }
              },
              likeBuilder: (bool isLiked) {
                return Icon(
                  isLiked ? Icons.favorite : Icons.favorite_border,
                  color: WiddeeColors.primary,
                );
              },
            ),
            left: 10,
            top: 10,
          )

[zmtzawqlp]

please provide runnable demo