NotificationRequest..Image is always empty

[Richard-Dufour]

I see there is a NotificationRequest.Image property (NotificationImage) however, it would seem it is never populated with any data even though notifications exists.

    public class NotificationImage
    {
        /// <summary>
        /// Must be less than 90Kb
        /// </summary>
        public byte[] Binary { get; set; } = [];

        /// <summary>
        ///
        /// </summary>
        public string FilePath { get; set; } = string.Empty;

        /// <summary>
        ///
        /// </summary>
        public bool HasValue => string.IsNullOrWhiteSpace(ResourceName) == false ||
                                string.IsNullOrWhiteSpace(FilePath) == false ||
                                (Binary.Length > 0);

        /// <summary>
        ///
        /// </summary>
        public string ResourceName { get; set; } = string.Empty;
    }

How do I get the current app Notification Badge image?

[Richard-Dufour]

As a work around, I created this routine using information taken from:
https://stackoverflow.com/questions/63293110/using-skiasharp-skbitmap-image-as-the-imagesource-for-a-button-in-xamarin

It generates an ImageSource (red for iOS, light blue for Windows) representing a circle with a number text in the middle. Use it where needed:

using SkiaSharp;

        public static ImageSource GenerateBadge(int number, int width, int height)
        {            
            // Define the size of the badge image
            var imageSize = new System.Drawing.Size(width, height); // Adjust as needed

            // Create a new SkiaCanvas
            using var bitmap = new SKBitmap((int)imageSize.Width, (int)imageSize.Height);
            using var canvas = new SKCanvas(bitmap);

            // Draw the red circle background
            SKColor skColor = SKColors.Red;  //iOS - Red 

#if WINDOWS
              skColor = SKColor.Parse("#0078D4");  // Windows - Light Blue
#endif

            var circlePaint = new SKPaint
            {
                Color = skColor,
                IsAntialias = true
            };
            canvas.DrawCircle(imageSize.Width / 2, imageSize.Height / 2, imageSize.Width / 2, circlePaint);

            // Draw the number in the center
            var numberPaint = new SKPaint
            {
                Color = SKColors.White,
                TextSize = 16, // Adjust as needed
                IsAntialias = true,
                TextAlign = SKTextAlign.Center                
            };
            var numberText = number.ToString();
            var textBounds = new SKRect();
            numberPaint.MeasureText(numberText, ref textBounds);
            canvas.DrawText(numberText, imageSize.Width / 2, imageSize.Height / 2 - textBounds.MidY, numberPaint);

            // Convert the SKBitmap to an ImageSource
            SKBitmap SKBitmap = bitmap; 

            // create an image COPY
            SKImage image = SKImage.FromBitmap(SKBitmap);
            // OR
            // create an image WRAPPER
            //SKImage image = SKImage.FromPixels(bitmap.PeekPixels());

            // encode the image (defaults to PNG)
            SKData encoded = image.Encode();
            
            // get a stream over the encoded data
            Stream stream = encoded.AsStream();
            var imageSource = ImageSource.FromStream(() => stream);
            
            return imageSource;
        }

Then, when needed as an image somewhere in your app...

public static async Task<ImageSource> GetAppBadgeImage(int width, int height)
{            
    var delivered = await LocalNotificationCenter.Current.GetDeliveredNotificationList();

    if ((delivered != null) && (delivered.Count > 0)) 
    {
        ImageSource imgSource = GenerateBadge(delivered.Count, width, height);
        return imgSource;
    }

    return null;
}