On my iOS application, there are 2 similar pages that have strange screen artifacts that pop up on the navbar. Below I have attached an image illustrating what I am talking about.

second image

this seems to only happen after the screen orientation has been changed

I tried forcing the page to use the safe area of the iOS device in an attempt to avoid using the rounded device corners with the following code, but no luck

content page code:

<ContentPage
  xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
ios:Page.UseSafeArea="True"
>
</ContentPage>

I also added the following line to the constructer on the page’s view class:

        public SignoffPage1(SignoffPage1VeiwModel vm)
        {
            InitializeComponent();

            //....

            BindingContext = vm;
#if IOS
            On<IOS>().SetUseSafeArea(true);
#endif
        }

This did not seem to work either.

Honestly, I have no idea what to do other than this. Any pointers on how to fix this would be greatly appreciated. Thanks.