uniapp 监听网络变化

前言

APP在不同网络下，由于网络延迟的问题会使得用户无法请求导致心情不愉快，所以咱们得做个网络不好的提示。

实现

// 网络状态监听
uni.onNetworkStatusChange(function (res) {
    console.log('onNetworkStatusChange', res.isConnected, res.networkType);
    
    if(!res.isConnected) {
        uni.showToast({
            title: "无网络连接！",
            icon: "error",
            duration: 3500
        });
    }
    
    let message = null;
    switch(res.networkType) {
        case '2g':
        case '3g':
            message = '当前网络质量不佳！';
            break;
    }
    
    if(res.isConnected && message) {
        uni.showToast({
            title: message,
            icon: "error",
            duration: 3500
        });
    }
});