Xamarin.Forms中设备离线/在线时自动刷新页面的实现方案

核心思路 #

放弃仅依赖OnAppearing的被动检测，改为主动监听网络状态变化事件，当WiFi断开/重连时，直接通知当前活跃的Tab页面执行刷新逻辑，结合已维护的在线/离线状态标志避免重复操作。

步骤1：统一页面刷新接口 #

为两个Tab页面定义通用接口，确保它们能响应网络状态变化的刷新指令：

public interface INetworkRefreshable
{
    void RefreshOnNetworkChange(bool isOnline);
}

让Tab1Page和Tab2Page实现该接口：

public partial class Tab1Page : ContentPage, INetworkRefreshable
{
    // 已维护的在线状态标志
    private bool _isDeviceOnline;

    public void RefreshOnNetworkChange(bool isOnline)
    {
        if (_isDeviceOnline == isOnline) return; // 状态未变化，跳过刷新

        _isDeviceOnline = isOnline;
        if (!isOnline)
        {
            // 显示「设备离线」提示，比如替换当前布局或弹出提示
            MainLayout.Children.Clear();
            MainLayout.Children.Add(new Label { Text = "设备离线", HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center });
        }
        else
        {
            // 重连后加载Tab1的原始UI
            LoadTab1Content();
        }
    }

    // 原有的页面内容加载方法
    private void LoadTab1Content()
    {
        // 你的UI加载逻辑
    }
}

Tab2Page的实现逻辑和Tab1Page一致，只需替换对应UI加载方法。

步骤2：在CustomTabbedPage中监听网络状态 #

利用Xamarin.Essentials的Connectivity类监听网络变化，实时通知当前活跃Tab页面：

public class CustomTabbedPage : TabbedPage
{
    protected override void OnAppearing()
    {
        base.OnAppearing();
        // 注册网络状态变化事件
        Connectivity.ConnectivityChanged += OnConnectivityChanged;
    }

    protected override void OnDisappearing()
    {
        base.OnDisappearing();
        // 取消事件订阅，避免内存泄漏
        Connectivity.ConnectivityChanged -= OnConnectivityChanged;
    }

    private void OnConnectivityChanged(object sender, ConnectivityChangedEventArgs e)
    {
        // 判断当前是否为WiFi在线
        bool isWifiOnline = e.NetworkAccess == NetworkAccess.Internet && 
                           e.ConnectionTypes.Contains(ConnectionType.WiFi);

        // 获取当前活跃的Tab页面
        if (CurrentPage is INetworkRefreshable refreshablePage)
        {
            // 切换到UI线程执行刷新，避免跨线程异常
            MainThread.BeginInvokeOnMainThread(() => 
            {
                refreshablePage.RefreshOnNetworkChange(isWifiOnline);
            });
        }
    }
}

关键说明 #

1. 线程安全：网络事件在后台线程触发，必须用MainThread.BeginInvokeOnMainThread切换到UI线程更新界面。
2. 状态去重：通过已维护的_isDeviceOnline标志，避免网络状态频繁波动时重复刷新页面。
3. WiFi精准判断：代码中仅针对WiFi状态变化做出响应，符合需求中“断开WiFi/重连WiFi”的触发条件。

内容的提问来源于stack exchange，提问作者MobileAppsDeveloper