如果没有连接则显示小吃栏

问题描述 投票:0回答:1

我正在使用来自React-Community和Snackbar的Netinfo。当用户未连接时,我试图显示小吃栏。问题是事件被解雇了,但是小吃店没有显示。 App js中的代码。

import Snackbar from 'react-native-snackbar';
import NetInfo from "@react-native-community/netinfo";

export default class App extends Component {
constructor(props) {
super(props)
const unsubscribe = NetInfo.addEventListener(state => {
console.log("Connection type", state.type);
console.log("Is connected?", state.isConnected);
Snackbar.show({
  text: 'No Internet Connection',
  duration: Snackbar.LENGTH_SHORT,
});
});
}}
reactjs react-native
1个回答
0
投票
import Snackbar from 'react-native-snackbar'; import NetInfo from '@react-native-community/netinfo'; export default class App extends Component { unsubscribe = NetInfo.addEventListener(state => { console.log('Connection type', state.type); console.log('Is connected?', state.isConnected); Snackbar.show({ text: 'No Internet Connection', duration: Snackbar.LENGTH_SHORT }); }); constructor(props) { super(props); } componentWillUnmount() { this.unsubscribe(); } }

如果这不起作用,则说明您可能没有正确安装Snackbar ...在您上线和脱机时是否显示该日志?

© www.soinside.com 2019 - 2024. All rights reserved.