WebView のカスタマイズ

[アーティクル]
03/31/2020

Xamarin.Forms の WebView は、アプリに Web コンテンツと HTML コンテンツを表示するビューです。この記事では、JavaScript から C# コードを呼び出せるように WebView を拡張するカスタムレンダラーを作成する方法について説明します。

すべての Xamarin.Forms ビューには、ネイティブコントロールのインスタンスを作成する各プラットフォーム用のレンダラーが付属しています。 Xamarin.Forms アプリケーションによって WebView がレンダリングされると、iOS では WkWebViewRenderer クラスがインスタンス化され、それによってネイティブの WkWebView コントロールもインスタンス化されます。 Android プラットフォーム上では、WebViewRenderer クラスによってネイティブの WebView コントロールがインスタンス化されます。ユニバーサル Windows プラットフォーム (UWP) 上では、WebViewRenderer クラスによってネイティブの WebView コントロールがインスタンス化されます。 Xamarin.Forms コントロールによってマップされるレンダラーとネイティブコントロールクラスの詳細については、「Renderer Base Classes and Native Controls」(レンダラーの基底クラスおよびネイティブコントロール) を参照してください。

次の図に、View と、それを実装する、対応するネイティブコントロールの関係を示します。

WebView クラスとそれを実装するネイティブクラス間のリレーションシップ

レンダリングプロセスを使用して各プラットフォーム上の WebView にカスタムレンダラーを作成することで、プラットフォームのカスタマイズを実装することができます。これを行うための実行プロセスは次のとおりです。

HybridWebView カスタムコントロールを作成します。
Xamarin.Forms から HybridWebView を使用します。
各プラットフォーム上で HybridWebView のカスタムレンダラーを作成します。

Xamarin.FormsWebView を強化して、JavaScript から C# コードを呼び出すことができる HybridWebView レンダラーを実装するために、各項目について順番に説明します。 HybridWebView インスタンスは、ユーザーに名前の入力を求める HTML ページを表示するために使用されます。それからユーザーが HTML ボタンをクリックすると、JavaScript 関数によって、ユーザー名を含むポップアップを表示する C# Action が呼び出されます。

JavaScript から C# を呼び出すプロセスの詳細については、「JavaScript から C# を呼び出す」を参照してください。 HTML ページの詳細については、「Web ページの作成」を参照してください。

Note

WebView は、C# から JavaScript 関数を呼び出して、呼び出し元の C# コードに結果を返すことができます。詳細については、「JavaScript の呼び出し」を参照してください。

HybridWebView の作成

HybridWebView カスタムコントロールは、WebView クラスをサブクラス化することによって作成できます。

public class HybridWebView : WebView
{
    Action<string> action;

    public static readonly BindableProperty UriProperty = BindableProperty.Create(
        propertyName: "Uri",
        returnType: typeof(string),
        declaringType: typeof(HybridWebView),
        defaultValue: default(string));

    public string Uri
    {
        get { return (string)GetValue(UriProperty); }
        set { SetValue(UriProperty, value); }
    }

    public void RegisterAction(Action<string> callback)
    {
        action = callback;
    }

    public void Cleanup()
    {
        action = null;
    }

    public void InvokeAction(string data)
    {
        if (action == null || data == null)
        {
            return;
        }
        action.Invoke(data);
    }
}

HybridWebView カスタムコントロールは、.NET Standard ライブラリプロジェクトで作成され、コントロール用に次の API を定義します。

読み込まれる Web ページのアドレスを指定する Uri プロパティ。
Action をコントロールに登録する RegisterAction メソッド。登録済みのアクションは、Uri プロパティで参照される HTML ファイルに含まれる JavaScript から呼び出されます。
登録済みの Action への参照を削除する CleanUp メソッド。
登録済みの Action を呼び出す InvokeAction メソッド。このメソッドは、各プラットフォームのプロジェクトのカスタムレンダラーから呼び出されます。

HybridWebView の使用

HybridWebView カスタムコントロールは、その場所の名前空間を宣言し、カスタムコントロール上で名前空間プレフィックスを使用することで .NET Standard ライブラリプロジェクトの XAML で参照することができます。次のコード例は、XAML ページがどのように HybridWebView カスタムコントロールを使用できるかを示しています。

<ContentPage ...
             xmlns:local="clr-namespace:CustomRenderer;assembly=CustomRenderer"
             x:Class="CustomRenderer.HybridWebViewPage"
             Padding="0,40,0,0">
    <local:HybridWebView x:Name="hybridWebView"
                         Uri="index.html" />
</ContentPage>

local 名前空間プレフィックスには任意の名前を付けることができます。ただし、clr-namespace と assembly の値は、カスタムコントロールの詳細と一致させる必要があります。名前空間が宣言されると、プレフィックスを使用してカスタムコントロールが参照されます。

次のコード例は、C# ページがどのように HybridWebView カスタムコントロールを使用できるかを示しています。

public HybridWebViewPageCS()
{
    var hybridWebView = new HybridWebView
    {
        Uri = "index.html"
    };
    // ...
    Padding = new Thickness(0, 40, 0, 0);
    Content = hybridWebView;
}

HybridWebView インスタンスは、各プラットフォーム上でネイティブ Web コントロールを表示するために使用されます。 Uri プロパティは、各プラットフォームのプロジェクトに格納されている HTML ファイルに設定され、ネイティブの Web コントロールによって表示されます。レンダリングされた HTML は、HTML ボタンのクリックに応答して C# Action を呼び出す JavaScript 関数を使用して、ユーザーに名前を入力するように求めます。

HybridWebViewPage は、次のコード例に示すように、JavaScript から呼び出されるアクションを登録します。

public partial class HybridWebViewPage : ContentPage
{
    public HybridWebViewPage()
    {
        // ...
        hybridWebView.RegisterAction(data => DisplayAlert("Alert", "Hello " + data, "OK"));
    }
}

このアクションから、モーダルポップアップを表示する DisplayAlert メソッドが呼び出されます。このポップアップには、HybridWebView インスタンスによって表示される HTML ページに入力された名前が示されます。

カスタムレンダラーを各アプリケーションプロジェクトに追加して、C# コードを JavaScript から呼び出すことで、プラットフォームの Web コントロールを強化することができます。

各プラットフォーム上でのカスタムレンダラーの作成

カスタムレンダラークラスを作成するプロセスは次のとおりです。

iOS で WkWebViewRenderer クラスのサブクラス、Android と UWP で WebViewRenderer クラスを作成して、カスタムコントロールをレンダリングします。
WebView をレンダリングする OnElementChanged メソッドをオーバーライドし、ロジックを書き込んでカスタマイズします。このメソッドは、HybridWebView オブジェクトが作成されるときに呼び出されます。
ExportRenderer 属性をカスタムレンダラークラスまたは AssemblyInfo.cs に追加して、Xamarin.Forms カスタムコントロールのレンダリングに使用されるように指定します。この属性は、Xamarin.Forms にカスタムレンダラーを登録するために使用されます。

Note

ほとんどの Xamarin.Forms 要素では、プラットフォームプロジェクトごとにカスタムレンダラーを指定するかどうかは任意です。カスタムレンダラーが登録されていない場合は、コントロールの基底クラスの既定のレンダラーが使用されます。ただし、View 要素をレンダリングするときは、各プラットフォームプロジェクトにカスタムレンダラーが必要です。

次の図に、サンプルアプリケーション内の各プロジェクトの役割と、それらの関係を示します。

HybridWebView カスタムレンダラーのプロジェクトの役割

HybridWebView カスタムコントロールはプラットフォームのレンダラークラスによってレンダリングされます。このクラスは iOS では WkWebViewRenderer クラスから、Android と UWP では WebViewRenderer クラスから派生します。この結果、次のスクリーンショットに示すように、ネイティブの Web コントロールを使用してそれぞれの HybridWebView カスタムコントロールがレンダリングされます。

各プラットフォーム上の HybridWebView

WkWebViewRenderer クラスと WebViewRenderer クラスは OnElementChanged メソッドを公開します。このメソッドは、該当するネイティブ Web コントロールをレンダリングするために、Xamarin.Forms カスタムコントロールの作成時に呼び出されます。このメソッドでは、OldElement および NewElement プロパティを含む VisualElementChangedEventArgs パラメーターを受け取ります。これらのプロパティは、レンダラーがアタッチされていた Xamarin.Forms 要素と、レンダラーが現在アタッチされている Xamarin.Forms 要素をそれぞれ表しています。サンプルアプリケーションでは、OldElement プロパティが null になり、NewElement プロパティに HybridWebView インスタンスへの参照が含まれます。

各プラットフォームのレンダラークラス内の、オーバーライドされたバージョンの OnElementChanged メソッドは、ネイティブの Web コントロールのカスタマイズを行う場所です。レンダリングされている Xamarin.Forms コントロールへの参照は、Element プロパティを使用して取得することができます。

各カスタムレンダラークラスは、レンダラーを Xamarin.Forms に登録する ExportRenderer 属性で修飾されます。この属性は、レンダリングされている Xamarin.Forms カスタムコントロールの型名と、カスタムレンダラーの型名という 2 つのパラメーターを受け取ります。属性の assembly プレフィックスにより、属性がアセンブリ全体に適用されることが指定されます。

以下のセクションでは、各ネイティブ Web コントロールによって読み込まれる Web ページの構造、JavaScript から C# を呼び出すプロセス、各プラットフォームのカスタムレンダラークラスでこれを実装する方法について説明します。

Web ページの作成

次のコード例は、HybridWebView カスタムコントロールによって表示される Web ページを示しています。

<html>
<body>
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <h1>HybridWebView Test</h1>
    <br />
    Enter name: <input type="text" id="name">
    <br />
    <br />
    <button type="button" onclick="javascript: invokeCSCode($('#name').val());">Invoke C# Code</button>
    <br />
    <p id="result">Result:</p>
    <script type="text/javascript">function log(str) {
            $('#result').text($('#result').text() + " " + str);
        }

        function invokeCSCode(data) {
            try {
                log("Sending Data:" + data);
                invokeCSharpAction(data);
            }
            catch (err) {
                log(err);
            }
        }</script>
</body>
</html>

この Web ページでは、ユーザーは input 要素に名前を入力することができます。また、クリックすると C# コードを呼び出すbutton 要素が用意されています。これを実現するプロセスは次のとおりです。

ユーザーが button 要素をクリックすると、invokeCSCode JavaScript 関数が呼び出され、input 要素の値が関数に渡されます。
invokeCSCode 関数からは、C# Action に送信されているデータを表示する log 関数が呼び出されます。次に、C# Action を呼び出す invokeCSharpAction メソッドが呼び出され、input 要素から受け取ったパラメーターが渡されます。

invokeCSharpAction JavaScript 関数は Web ページで定義されておらず、各カスタムレンダラーによって挿入されます。

iOS の場合、この HTML ファイルは、BundleResource のビルドアクションと一緒に、プラットフォームプロジェクトの Content フォルダーに置かれます。 Android の場合、この HTML ファイルは、AndroidAsset のビルドアクションと一緒にプラットフォームプロジェクトの Assets/Content フォルダーに置かれます。

JavaScript から C# を呼び出す

JavaScript から C# を呼び出すプロセスは、各プラットフォームで同じです。

カスタムレンダラーによってネイティブ Web コントロールが作成され、HybridWebView.Uri プロパティに指定された HTML ファイルが読み込まれます。
Web ページが読み込まれると、カスタムレンダラーによって invokeCSharpAction JavaScript 関数が Web ページに挿入されます。
ユーザーが名前を入力して HTML button 要素をクリックすると、invokeCSCode 関数が呼び出され、次に invokeCSharpAction 関数が呼び出されます。
invokeCSharpAction 関数によってカスタムレンダラーのメソッドが呼び出され、次に HybridWebView.InvokeAction メソッドが呼び出されます。
登録済みの Action を呼び出す HybridWebView.InvokeAction メソッド。

以下のセクションでは、各プラットフォームでこのプロセスがどのように実装されるかについて説明します。

iOS 上でのカスタムレンダラーの作成

次のコード例は、iOS プラットフォーム用のカスタムレンダラーを示します。

[assembly: ExportRenderer(typeof(HybridWebView), typeof(HybridWebViewRenderer))]
namespace CustomRenderer.iOS
{
    public class HybridWebViewRenderer : WkWebViewRenderer, IWKScriptMessageHandler
    {
        const string JavaScriptFunction = "function invokeCSharpAction(data){window.webkit.messageHandlers.invokeAction.postMessage(data);}";
        WKUserContentController userController;

        public HybridWebViewRenderer() : this(new WKWebViewConfiguration())
        {
        }

        public HybridWebViewRenderer(WKWebViewConfiguration config) : base(config)
        {
            userController = config.UserContentController;
            var script = new WKUserScript(new NSString(JavaScriptFunction), WKUserScriptInjectionTime.AtDocumentEnd, false);
            userController.AddUserScript(script);
            userController.AddScriptMessageHandler(this, "invokeAction");
        }

        protected override void OnElementChanged(VisualElementChangedEventArgs e)
        {
            base.OnElementChanged(e);

            if (e.OldElement != null)
            {
                userController.RemoveAllUserScripts();
                userController.RemoveScriptMessageHandler("invokeAction");
                HybridWebView hybridWebView = e.OldElement as HybridWebView;
                hybridWebView.Cleanup();
            }

            if (e.NewElement != null)
            {
                string filename = Path.Combine(NSBundle.MainBundle.BundlePath, $"Content/{((HybridWebView)Element).Uri}");
                LoadRequest(new NSUrlRequest(new NSUrl(filename, false)));
            }
        }

        public void DidReceiveScriptMessage(WKUserContentController userContentController, WKScriptMessage message)
        {
            ((HybridWebView)Element).InvokeAction(message.Body.ToString());
        }

        protected override void Dispose(bool disposing)
        {
            if (disposing)
            {
                ((HybridWebView)Element).Cleanup();
            }
            base.Dispose(disposing);
        }        
    }
}

HybridWebViewRenderer クラスによって、HybridWebView.Uri プロパティに指定された Web ページがネイティブの WKWebView コントロールに読み込まれ、invokeCSharpAction JavaScript 関数が Web ページに挿入されます。ユーザーが名前を入力して HTML button要素をクリックすると、invokeCSharpAction JavaScript 関数が実行され、Web ページからメッセージが受信された後に DidReceiveScriptMessage メソッドが呼び出されます。さらに、このメソッドによって HybridWebView.InvokeAction メソッドが呼び出され、ポップアップを表示する登録済みのアクションが呼び出されます。

この関数は、次のように実現されます。

レンダラーコンストラクターによって WkWebViewConfiguration オブジェクトが作成され、その WKUserContentController オブジェクトが取得されます。 WkUserContentController オブジェクトにより、メッセージの投稿とユーザースクリプトの Web ページへの挿入が可能になります。
レンダラーコンストラクターにより WKUserScript オブジェクトが作成されます。これにより、Web ページが読み込まれた後に、invokeCSharpAction JavaScript 関数が Web ページに挿入されます。
レンダラーコンストラクターによって、WKUserContentController.AddUserScript メソッドが呼び出され、WKUserScript オブジェクトがコンテンツコントローラーに追加されます。
レンダラーコンストラクターによって WKUserContentController.AddScriptMessageHandler メソッドが呼び出され、WKUserContentController オブジェクトに invokeAction というスクリプトメッセージハンドラーが追加されます。その結果、WKUserContentController オブジェクトを使用するすべての WebView インスタンス内のすべてのフレームで JavaScript 関数 window.webkit.messageHandlers.invokeAction.postMessage(data) が定義されます。
カスタムレンダラーが新しい Xamarin.Forms 要素にアタッチされている場合:
- WKWebView.LoadRequest メソッドによって、HybridWebView.Uri プロパティに指定された HTML ファイルが読み込まれます。このコードにより、ファイルがプロジェクトの Content フォルダーに格納されることが指定されます。 Web ページが表示されると、invokeCSharpAction JavaScript 関数が Web ページに挿入されます。
レンダラーがアタッチされている要素が変更されると、リソースが解放されます。
レンダラーが破棄されると、Xamarin.Forms 要素がクリーンアップされます。

Note

WKWebView クラスは、iOS 8 以降でのみサポートされています。

さらに、次の値を含むように、Info.plist を更新する必要があります。

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

Android 上でのカスタムレンダラーの作成

次のコード例は、Android プラットフォーム用のカスタムレンダラーを示します。

[assembly: ExportRenderer(typeof(HybridWebView), typeof(HybridWebViewRenderer))]
namespace CustomRenderer.Droid
{
    public class HybridWebViewRenderer : WebViewRenderer
    {
        const string JavascriptFunction = "function invokeCSharpAction(data){jsBridge.invokeAction(data);}";
        Context _context;

        public HybridWebViewRenderer(Context context) : base(context)
        {
            _context = context;
        }

        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);

            if (e.OldElement != null)
            {
                Control.RemoveJavascriptInterface("jsBridge");
                ((HybridWebView)Element).Cleanup();
            }
            if (e.NewElement != null)
            {
                Control.SetWebViewClient(new JavascriptWebViewClient(this, $"javascript: {JavascriptFunction}"));
                Control.AddJavascriptInterface(new JSBridge(this), "jsBridge");
                Control.LoadUrl($"file:///android_asset/Content/{((HybridWebView)Element).Uri}");
            }
        }

        protected override void Dispose(bool disposing)
        {
            if (disposing)
            {
                ((HybridWebView)Element).Cleanup();
            }
            base.Dispose(disposing);
        }        
    }
}

HybridWebViewRenderer クラスによって、HybridWebView.Uri プロパティに指定された Web ページがネイティブの WebView コントロールに読み込まれます。また、Web ページの読み込みが完了した後に、JavascriptWebViewClient クラスの OnPageFinished オーバーライドを使用して、invokeCSharpAction JavaScript 関数が Web ページに挿入されます。

public class JavascriptWebViewClient : FormsWebViewClient
{
    string _javascript;

    public JavascriptWebViewClient(HybridWebViewRenderer renderer, string javascript) : base(renderer)
    {
        _javascript = javascript;
    }

    public override void OnPageFinished(WebView view, string url)
    {
        base.OnPageFinished(view, url);
        view.EvaluateJavascript(_javascript, null);
    }
}

ユーザーが名前を入力して HTML button 要素をクリックすると、invokeCSharpAction JavaScript 関数が実行されます。この関数は、次のように実現されます。

カスタムレンダラーが新しい Xamarin.Forms 要素にアタッチされている場合:
- SetWebViewClient メソッドにより WebViewClient の実装として新しい JavascriptWebViewClient オブジェクトが設定されます。
- WebView.AddJavascriptInterface メソッドによって、新しい JSBridge インスタンスが WebView の JavaScript コンテキストのメインフレームに挿入され、jsBridge と名前が付けられます。これにより、JavaScript から JSBridge クラスのメソッドにアクセスできるようになります。
- WebView.LoadUrl メソッドによって、HybridWebView.Uri プロパティに指定された HTML ファイルが読み込まれます。このコードにより、ファイルがプロジェクトの Content フォルダーに格納されることが指定されます。
- JavascriptWebViewClient クラスでは、Web ページの読み込みが完了すると、invokeCSharpAction JavaScript 関数がページに挿入されます。
レンダラーがアタッチされている要素が変更されると、リソースが解放されます。
レンダラーが破棄されると、Xamarin.Forms 要素がクリーンアップされます。

invokeCSharpAction JavaScript 関数が実行されると、次に JSBridge.InvokeAction メソッドが呼び出されます。これを次のコード例に示します。

public class JSBridge : Java.Lang.Object
{
    readonly WeakReference<HybridWebViewRenderer> hybridWebViewRenderer;

    public JSBridge(HybridWebViewRenderer hybridRenderer)
    {
        hybridWebViewRenderer = new WeakReference<HybridWebViewRenderer>(hybridRenderer);
    }

    [JavascriptInterface]
    [Export("invokeAction")]
    public void InvokeAction(string data)
    {
        HybridWebViewRenderer hybridRenderer;

        if (hybridWebViewRenderer != null && hybridWebViewRenderer.TryGetTarget(out hybridRenderer))
        {
            ((HybridWebView)hybridRenderer.Element).InvokeAction(data);
        }
    }
}

このクラスは Java.Lang.Object から派生する必要があります。また、JavaScript に公開されるメソッドは [JavascriptInterface] および [Export] 属性で修飾する必要があります。そのため、invokeCSharpAction JavaScript 関数が Web ページに挿入され、実行されると、[JavascriptInterface] および [Export("invokeAction")] 属性で修飾されているため、JSBridge.InvokeAction メソッドが呼び出されます。さらに、InvokeAction メソッドによって HybridWebView.InvokeAction メソッドが呼び出され、ポップアップを表示する登録済みのアクションが呼び出されます。

重要

[Export] 属性を使用する Android プロジェクトには、Mono.Android.Export への参照が含まれている必要があります。含まれていない場合は、コンパイラエラーが発生します。

JSBridge クラスは WeakReference を HybridWebViewRenderer クラスに保持する点に注意してください。これは、2 つのクラス間に循環参照を作成しないようにするためです。詳細については、「弱い参照」を参照してください。

UWP 上でのカスタムレンダラーの作成

次のコード例は、UWP 用のカスタムレンダラーを示します。

[assembly: ExportRenderer(typeof(HybridWebView), typeof(HybridWebViewRenderer))]
namespace CustomRenderer.UWP
{
    public class HybridWebViewRenderer : WebViewRenderer
    {
        const string JavaScriptFunction = "function invokeCSharpAction(data){window.external.notify(data);}";

        protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.WebView> e)
        {
            base.OnElementChanged(e);

            if (e.OldElement != null)
            {
                Control.NavigationCompleted -= OnWebViewNavigationCompleted;
                Control.ScriptNotify -= OnWebViewScriptNotify;
            }
            if (e.NewElement != null)
            {
                Control.NavigationCompleted += OnWebViewNavigationCompleted;
                Control.ScriptNotify += OnWebViewScriptNotify;
                Control.Source = new Uri($"ms-appx-web:///Content//{((HybridWebView)Element).Uri}");
            }
        }

        async void OnWebViewNavigationCompleted(Windows.UI.Xaml.Controls.WebView sender, WebViewNavigationCompletedEventArgs args)
        {
            if (args.IsSuccess)
            {
                // Inject JS script
                await Control.InvokeScriptAsync("eval", new[] { JavaScriptFunction });
            }
        }

        void OnWebViewScriptNotify(object sender, NotifyEventArgs e)
        {
            ((HybridWebView)Element).InvokeAction(e.Value);
        }

        protected override void Dispose(bool disposing)
        {
            if (disposing)
            {
                ((HybridWebView)Element).Cleanup();
            }
            base.Dispose(disposing);
        }        
    }
}

HybridWebViewRenderer クラスによって、HybridWebView.Uri プロパティに指定された Web ページがネイティブの WebView コントロールに読み込まれます。また、Web ページの読み込みが完了した後に、WebView.InvokeScriptAsync メソッドを使用して invokeCSharpAction JavaScript 関数が Web ページに挿入されます。ユーザーが名前を入力して HTML button要素をクリックすると、invokeCSharpAction JavaScript 関数が実行され、Web ページから通知が受信された後に OnWebViewScriptNotify メソッドが呼び出されます。さらに、このメソッドによって HybridWebView.InvokeAction メソッドが呼び出され、ポップアップを表示する登録済みのアクションが呼び出されます。

この関数は、次のように実現されます。

カスタムレンダラーが新しい Xamarin.Forms 要素にアタッチされている場合:
- NavigationCompleted および ScriptNotify イベントのイベントハンドラーが登録されています。 NavigationCompleted イベントは、ネイティブの WebView コントロールが現在のコンテンツの読み込みを完了したとき、またはナビゲーションが失敗したときに発生します。 ScriptNotifyイベントは、ネイティブの WebView コントロールのコンテンツが JavaScript を使用して文字列をアプリケーションに渡したときに発生します。 Web ページは、string パラメーターを渡しながら window.external.notify を呼び出して ScriptNotify イベントを発生させます。
- WebView.Source プロパティは、HybridWebView.Uri プロパティに指定された HTML ファイルの URI に設定されます。このコードでは、ファイルがプロジェクトの Content フォルダーに格納されることを想定しています。 Web ページが表示されると、NavigationCompleted イベントが発生し、OnWebViewNavigationCompleted メソッドが呼び出されます。ナビゲーションが正常に完了した場合、WebView.InvokeScriptAsync メソッドを使用して invokeCSharpAction JavaScript 関数が Web ページに挿入されます。
レンダラーがアタッチされている要素が変更されると、イベントのサブスクライブが解除されます。
レンダラーが破棄されると、Xamarin.Forms 要素がクリーンアップされます。

次の方法で共有

WebView のカスタマイズ

HybridWebView の作成

HybridWebView の使用

各プラットフォーム上でのカスタムレンダラーの作成

Web ページの作成

JavaScript から C# を呼び出す

iOS 上でのカスタムレンダラーの作成

Android 上でのカスタムレンダラーの作成

UWP 上でのカスタムレンダラーの作成

その他のリソース

次の方法で共有

WebView のカスタマイズ

HybridWebView の作成

HybridWebView の使用

各プラットフォーム上でのカスタム レンダラーの作成

Web ページの作成

JavaScript から C# を呼び出す

iOS 上でのカスタム レンダラーの作成

Android 上でのカスタム レンダラーの作成

UWP 上でのカスタム レンダラーの作成

その他のリソース

各プラットフォーム上でのカスタムレンダラーの作成

iOS 上でのカスタムレンダラーの作成

Android 上でのカスタムレンダラーの作成

UWP 上でのカスタムレンダラーの作成