【Xamarin.Forms】Rg.Plugins.PopupでYoutubeのフルスクリーンがうまく表示されない

2744 ワード
webView YouTube Xamarin.Forms webView テキストリンク

背景

Xamarin.FormsのAndroidでYoutubeの全画面再生がやりたかった。

実装

下記を参考にして全画面表示対応のWebViewを作り、Rg.Plugins.Popupのページに表示させた。
mhaggag/XFAndroidFullScreenWebView: A sample for Xamarin Forms Android FullScreen WebView

現象

Rg.Plugins.Popupのページで全画面再生すると真っ黒の画面しか表示されない。

回避方法

Rg.Plugins.PopupではなくNavigationPageでNavigation.PushAsyncを使う。

App.xaml.cs

public App()
{
    InitializeComponent();

    MainPage = new NavigationPage(new MainPage());
}

private async Task PushAsyncYoutubeWebViewPage()
{
    await Navigation.PushAsync(new YoutubeWebViewPage());
}

タイトルバーが不要な場合

対象のページのXamlにNavigationPage.HasNavigationBar="False"を追加。

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             ...
             NavigationPage.HasNavigationBar="False">
</ContentPage>