MAUIアプリにWebViewを追加する

Microsoftのサイトを参考に、MAUIアプリのサンプルにWebViewを追加してみる。

<WebView x:Name="web"  
         Source="https://yuizi.com/"
 />

これがなぜか表示されない。エラーもワーニングも出ないんだが、なぜ？

Microsoftのサイトを見直すと、気になる記述が…

なにか設定しないとWebViewがレンダリングされないらしいが、よく分らない説明。（機械翻訳なので、ときどきこういうのに出くわす）

原文（英語）にしてみると…

どうやらWebViewがHorizontalStackLayout, StackLayout, VerticalStackLayoutに含まれている場合はHeightRequestとWidthRequestの指定が必須らしい。

ということでHeightRequestとWidthRequestを追加してみる。

<WebView x:Name="web"  
         HeightRequest="400" WidthRequest="600"
         Source="https://yuizi.com/"
         />

ちゃんと表示された。

まとめ

• WebViewをHorizontalStackLayout, StackLayout, VerticalStackLayoutへ配置するときはHeightRequestとWidthRequestが必須
• ウィンドウサイズが可変の場合はMinimumHeightRequest/MinimumWidthRequestがいいかも？
• しばらくWPFアプリ作ってたので、はじめはWebView2使うのだと勘違いしていたが、MAUIはWebViewでOK。

Tweet