如何在Xamarin Forms中触发原生视图事件：调用iOS WKWebView的后退等操作

根据Xamarin.Forms的设计理念和最佳实践，更推荐让Forms层的自定义WebView暴露命令或事件，然后由原生渲染器监听这些事件，再触发原生WKWebView的对应方法。这种方式既保持了跨平台代码的解耦，又能很好地适配平台特性，下面是具体的实现步骤：

1. 在Forms的HybridWebView中添加导航相关属性和事件 #

首先扩展你已有的HybridWebView，添加用于控制导航的命令、状态属性和事件，让Forms层的UI可以绑定这些内容：

public class HybridWebView : View
{
    // 保留你已有的HybridWebView代码...

    // 导航状态绑定属性，用于控制按钮启用/禁用
    public static readonly BindableProperty CanGoBackProperty =
        BindableProperty.Create(nameof(CanGoBack), typeof(bool), typeof(HybridWebView), false);

    public bool CanGoBack
    {
        get => (bool)GetValue(CanGoBackProperty);
        set => SetValue(CanGoBackProperty, value);
    }

    public static readonly BindableProperty CanGoForwardProperty =
        BindableProperty.Create(nameof(CanGoForward), typeof(bool), typeof(HybridWebView), false);

    public bool CanGoForward
    {
        get => (bool)GetValue(CanGoForwardProperty);
        set => SetValue(CanGoForwardProperty, value);
    }

    // 导航命令，供UI按钮绑定
    public ICommand GoBackCommand => new Command(() =>
    {
        if (CanGoBack) GoBackRequested?.Invoke(this, EventArgs.Empty);
    });

    public ICommand GoForwardCommand => new Command(() =>
    {
        if (CanGoForward) GoForwardRequested?.Invoke(this, EventArgs.Empty);
    });

    public ICommand GoHomeCommand => new Command(() =>
    {
        GoHomeRequested?.Invoke(this, EventArgs.Empty);
    });

    // 导航请求事件，由原生渲染器监听
    public event EventHandler GoBackRequested;
    public event EventHandler GoForwardRequested;
    public event EventHandler GoHomeRequested;
}

2. 在iOS渲染器中监听事件并触发原生操作 #

在iOS的HybridWebViewRenderer里，监听Forms层传来的事件，同时通过WKNavigationDelegate更新Forms层的导航状态（比如能否后退/前进）：

[assembly: ExportRenderer(typeof(HybridWebView), typeof(HybridWebViewRenderer))]
namespace YourApp.iOS.Renderers
{
    public class HybridWebViewRenderer : ViewRenderer<HybridWebView, WKWebView>
    {
        private WKWebView _wkWebView;

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

            if (Control == null)
            {
                // 初始化你已有的WKWebView配置
                var config = new WKWebViewConfiguration();
                _wkWebView = new WKWebView(Frame, config);
                _wkWebView.NavigationDelegate = new HybridNavigationDelegate(Element);
                SetNativeControl(_wkWebView);
            }

            // 切换元素时绑定/解绑事件
            if (e.OldElement != null)
            {
                e.OldElement.GoBackRequested -= OnGoBack;
                e.OldElement.GoForwardRequested -= OnGoForward;
                e.OldElement.GoHomeRequested -= OnGoHome;
            }

            if (e.NewElement != null)
            {
                e.NewElement.GoBackRequested += OnGoBack;
                e.NewElement.GoForwardRequested += OnGoForward;
                e.NewElement.GoHomeRequested += OnGoHome;
                // 初始更新导航状态
                UpdateNavigationState();
            }
        }

        // 触发原生WKWebView后退
        private void OnGoBack(object sender, EventArgs e)
        {
            if (_wkWebView.CanGoBack) _wkWebView.GoBack();
        }

        // 触发原生WKWebView前进
        private void OnGoForward(object sender, EventArgs e)
        {
            if (_wkWebView.CanGoForward) _wkWebView.GoForward();
        }

        // 加载主页（这里替换成你的主页URL）
        private void OnGoHome(object sender, EventArgs e)
        {
            var homeUrl = new NSUrl("https://your-home-page.com");
            _wkWebView.LoadRequest(new NSUrlRequest(homeUrl));
        }

        // 更新Forms层的导航状态
        private void UpdateNavigationState()
        {
            if (Element == null) return;
            Element.CanGoBack = _wkWebView.CanGoBack;
            Element.CanGoForward = _wkWebView.CanGoForward;
        }

        // 自定义NavigationDelegate，监听页面加载完成后更新状态
        private class HybridNavigationDelegate : WKNavigationDelegate
        {
            private readonly HybridWebView _formsWebView;

            public HybridNavigationDelegate(HybridWebView formsWebView)
            {
                _formsWebView = formsWebView;
            }

            public override void DidFinishNavigation(WKWebView webView, WKNavigation navigation)
            {
                base.DidFinishNavigation(webView, navigation);
                // 同步原生WebView的导航状态到Forms层
                _formsWebView.CanGoBack = webView.CanGoBack;
                _formsWebView.CanGoForward = webView.CanGoForward;
            }
        }
    }
}

3. 在Forms页面XAML中绑定导航控件 #

最后在你的Forms页面里，添加后退/前进/主页按钮，并绑定到HybridWebView的命令和状态属性：

<StackLayout Orientation="Horizontal" Padding="10">
    <Button Text="←" 
            Command="{Binding Source={x:Reference MyWebView}, Path=GoBackCommand}"
            IsEnabled="{Binding Source={x:Reference MyWebView}, Path=CanGoBack}" />
    <Button Text="→" 
            Command="{Binding Source={x:Reference MyWebView}, Path=GoForwardCommand}"
            IsEnabled="{Binding Source={x:Reference MyWebView}, Path=CanGoForward}" />
    <Button Text="主页" 
            Command="{Binding Source={x:Reference MyWebView}, Path=GoHomeCommand}" />
</StackLayout>

<!-- 你的自定义HybridWebView -->
<local:HybridWebView x:Name="MyWebView" />

为什么不推荐直接调用原生实现？ #

你可能会考虑直接在Forms层获取原生渲染器实例，然后调用Control.GoBack()，比如：

#if __IOS__
var renderer = Platform.GetRenderer(MyWebView) as HybridWebViewRenderer;
renderer?.Control.GoBack();
#endif

但这种方式有明显缺点：

• 耦合度极高：Forms层直接依赖平台特定代码，违反了跨平台的设计原则，后续扩展Android等平台时会非常麻烦。
• 可靠性差：如果渲染器还未初始化（比如页面刚加载时），会出现空引用异常。

而我们推荐的事件/命令方式，完全遵循了Xamarin.Forms的分离关注点原则：Forms层负责UI交互逻辑，原生层负责平台特定实现，两者通过事件松耦合通信，既易于维护，又能轻松扩展到其他平台。

内容的提问来源于stack exchange，提问作者Mårten