Прозрачная строка состояния показывает содержимое веб-просмотра при прокрутке IOS

Question

Я поместил веб-просмотр, Anroid работает нормально, но на IOS, когда я прокручиваю, я вижу прокрутку контента за прозрачной строкой состояния. Нажмите и увидите верхний левый угол изображения

Я пытался использовать CSS, связанный с сафари, добавляя поля и отступы, но это не работает

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        var browser = new WebView();
        browser.Source = "https://xxxxxxxxxxxxxxxx.net/";
        Content = browser;
    }
}

Я ожидаю, чтострока состояния становится непрозрачной, а прокручиваемый контент не отображается за строкой состояния.

Answer 1

Эта причина возникает из-за Безопасная зона в устройствах IOS. Ссылаясь на Руководство по макету безопасной области на iOS , вы можете установить безопасную область true в формах Xamarin:

<ContentPage ...
             xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
             Title="Safe Area"
             ios:Page.UseSafeArea="true">
    <StackLayout>
        ...
    </StackLayout>
</ContentPage>

Моя страница контента выглядит следующим образом:

public MainPage()
{
    InitializeComponent();

    var browser = new WebView();
    browser.Source = "https://docs.microsoft.com/en-us/appcenter/test-cloud/starting-a-test-run";
    Content = browser;
}

Окончательный эффект: