Opacity bug on Maui

guys!

I'm facing the following issue: the opacity insn't working on Frame and BoxView when running the app via Debug or Release. Once the app is loaded and something is changed in the xaml and the hot reload takes action, the opacity comes to life.

Steps to reproduce the issue:

Just create I Frame or BoxView with BackgroundColor and opacity. Run the app. Will see no opacity.

<VerticalStackLayout
        Spacing="25"
        Padding="30,0"
        VerticalOptions="Center">

        <Frame
            BackgroundColor="Blue"
            Opacity="0.5"/>
            
    </VerticalStackLayout>

The issue:

The Opacity is being ignored when the app starts.

I'm using VS 2022 17.3. I've created other Maui projects with real devices, emulators, VS 2022 preview 17.4 and got the same issue

Anybody else having this problem? Thanks!

Solution

Look here and read the (!)Note

The Frame class existed in Xamarin.Forms and is present in .NET MAUI for users who are migrating their apps from Xamarin.Forms to .NET MAUI. If you're building a new .NET MAUI app it's recommended to use Border instead, and to set shadows using the Shadow bindable property on VisualElement. For more information, see Border and Shadow.

solution: use Border instead of Frame