AppState使用
import React, { Component } from 'react';
import {AppRegistry,StyleSheet,Text,View,AppState} from 'react-native';
export default class AppStateApiView extends Component {
componentWillUnmount() {
AppState.removeEventListener('change', this.handleAppStateChange);
}
componentWillMount() {
AppState.addEventListener('change', this.handleAppStateChange);
AppState.addEventListener('memoryWarning', function(){
console.log("内存报警....");
});
}
//状态改变响应
handleAppStateChange(appState) {
alert('当前状态为:'+appState);
//active前台运行中 background后台运行中 inactive运行的过渡状态
}
render() {
return (
<View style={styles.container}>
<Text style={styles.styleText}>
状态监听中:
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container:{
flex: 1,
marginTop:25
},
styleText:{
marginTop:10,
textAlign:'center'
},
styleAppState:{
marginTop:10,
color:'red',
textAlign:'center'
},
});