Я пытаюсь сделать скрипт, который изменяет текст, когда Wi-Fi включен и отключен.Но у меня странное поведение, он открывает новую сцену всякий раз, когда слушатель connectionChange срабатывает вместо изменения элемента, что мне и нужно.
Любая идея?
Файл маршрутов:
import React from 'react'
import { Router, Scene , View, Image, StyleSheet, StatusBar} from 'react-native-router-flux'
import Home from './Home'
const Routes = () => (
<Router hideNavBar={true} >
<Scene key = "root" hideNavBar={true} navigationBarStyle={{ backgroundColor: 'steelblue', 'color': 'red' }} >
</Scene>
</Router>
)
export default Routes
Домашний файл:
import React, { Component } from 'react';
import { Actions } from 'react-native-router-flux';
import NetInfo from "@react-native-community/netinfo";
import { StyleSheet, Text, View, Button } from 'react-native';
import AsyncStorage from "@react-native-community/async-storage";
export default class NetworkStatusProvider extends React.Component {
constructor(props) {
super(props);
this.state = {
status: "Unknown"
}
}
componentDidMount() {
NetInfo.isConnected.addEventListener(
'connectionChange',
isConnected => {
this.setState({ status: isConnected ? "Connected" : "Not connected" });
}
);
}
render() {
return <Text>{this.state.status}</Text>
}
}