Question

我的程序通过Android应用进行编译并在Expo上运行，但是当我关闭设备上的wifi时，会收到以下错误消息： NetInfo error 我还会收到此警告： NetInfo warning

更新：iOS上也出现了错误，如下所示：NetInfo iOS

这是其中涉及的代码：

import { ScrollView, StyleSheet, Text, View, Image, NetInfo } from 'react-native';

var bgColor;
export default class LinksScreen extends React.Component<{}> { //built upon Expo's tabs example

    connectionColor(){
        NetInfo.getConnectionInfo().then((connectionInfo) => {
            if(connectionInfo.type=="wifi"){
                bgColor="blue";
            }
            else if (connectionInfo.type=="cellular") {
                bgColor="green";
            }
            else{
                bgColor="black";
            }
        })
        .catch((error) => {
            console.error(error);
        });
    }

    async componentDidMount(){
        NetInfo.addEventListener("connectionChange", this.connectionColor());
        //more stuff
    }

    render(){
        return(
            <View style={{backgroundColor:bgColor}}>
            //stuff
            <View>
        )
    }
}

对于我来说，奇怪的是该错误出现在React Native组件内部。（NetInfo.js，第101行）

我已经尝试过自己寻找解决方案，但是我还没有发现自己的问题。我查看了文档，并相信自己使用正确。怎么了？我该如何解决？

评估处理程序中的React-Native Expo NetInfo错误

0 个答案: