Loading Large-Sized Image from Stream in .NET MAUI on Android Throws Java.Lang.RuntimeException

[TamilarasanGunasekaran]

We are encountering an issue when attempting to load large-sized images(3344x33) from a stream in a .NET MAUI application, specifically on the Android platform. The application crashes with a Java.Lang.RuntimeException, severely impacting performance and stability.

Observed Behavior:

Windows Platform:
The image loads successfully from the stream without any issues.

Android Platform:
Attempting to load the same image from a stream results in a Java.Lang.RuntimeException. This crash occurs consistently with large image sizes.

Questions for the Framework Team:

1. Is this a known limitation or bug in the .NET MAUI framework, particularly on Android?
2. If so, is there any documentation or tracking issue we can refer to?

Reproducible Sample: Click Here!

[PySom]

Hi @TamilarasanGunasekaran, I cloned the repo and since your image is within your app, you can include it in Resources -> Images (to change the image build action to MauiAction)
I did this and referenced the file directly and it works. Please try if this works for you to

[hflexgrig]

I had the same problem, try setting image width and height request in your xaml, that what helped me. On iOS it was autosizing to fit conteiners, on Android had to explicitly set width and height otherwise it was crashing, even for smaller images.

[stephenquan]

I would recommend switching from Microsoft.Maui.Controls.Image to SkiaSharp.Views.Maui.Controls.SKCanvasView from SkiaSharp.Views.Maui.Controls for rendering your bitmaps, as it’s faster and uses less memory. Also, MauiAsset is preferred over EmbeddedResource in .NET MAUI because it keeps files as runtime assets instead of embedding them in assemblies, making builds smaller and resources easier to access with FileSystem.OpenAppPackageFileAsync.

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:skia="clr-namespace:SkiaSharp.Views.Maui.Controls;assembly=SkiaSharp.Views.Maui.Controls"
             xmlns:local="clr-namespace:ImageLoadingIssueOnAndroid"
             x:Class="ImageLoadingIssueOnAndroid.MainPage">
    <ContentPage.Content>
        <!--
        <Image x:Name="image"/>
        -->
        <skia:SKCanvasView x:Name="canvasView" PaintSurface="canvasView_PaintSurface" />
    </ContentPage.Content>
</ContentPage>

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
        /*
        image.Source = ImageSource.FromStream(() => typeof(App).GetTypeInfo().Assembly.GetManifestResourceStream("ImageLoadingIssueOnAndroid.Assets.imagebig.png"));
        */
    }
    private async void canvasView_PaintSurface(object sender, SkiaSharp.Views.Maui.SKPaintSurfaceEventArgs e)
    {
        // Load from EmbeddedResource placed in Assets/imagebig.png
        // var imageStream = typeof(App).GetTypeInfo().Assembly.GetManifestResourceStream("ImageLoadingIssueOnAndroid.Assets.imagebig.png");

        // Load from MauiAsset placed in Resources/Raw/imagebig.png
        var imageStream = await FileSystem.OpenAppPackageFileAsync("imagebig.png");

        SKSurface surface = e.Surface;
        SKCanvas canvas = surface.Canvas;
        SKBitmap bitmap = SKBitmap.Decode(imageStream);
        canvas.Clear();
        canvas.DrawBitmap(bitmap, e.Info.Rect);
    }
}

See my PR: TamilarasanGunasekaran/Image_loading_issue_android#1