【React Native】文件翻譯閱讀紀錄 - APIs - AppState
 |
| Facebook Open Source React Native |
AppState
AppState 可以告訴您應用程序是在前台還是後台，並在狀態發生變化時通知您。
AppState 經常用於確定處理推送通知時的意圖和正確行為。
AppState 經常用於確定處理推送通知時的意圖和正確行為。
App States
active- 應用程序在前台運行background- 應用程序正在後台運行。用戶是：- 在另一個應用程序
- 在主屏幕上
- [Android]在另一個Activity上（即使它是由你的應用推出的）
inactive- 這是在前景和後台之間轉換時以及在不活動期間（例如進入多任務處理視圖或在來電時）發生的狀態
有關更多信息，請參閱 Apple's documentation
基本用法
要查看當前狀態，可以檢查AppState.currentState，它將保持最新狀態。但是，當AppState通過網橋檢索時，currentState在啟動時將為null。
import React, {Component} from 'react'
import {AppState, Text} from 'react-native'
class AppStateExample extends Component {
state = {
appState: AppState.currentState
}
componentDidMount() {
AppState.addEventListener('change', this._handleAppStateChange);
}
componentWillUnmount() {
AppState.removeEventListener('change', this._handleAppStateChange);
}
_handleAppStateChange = (nextAppState) => {
if (this.state.appState.match(/inactive|background/) && nextAppState === 'active') {
console.log('App has come to the foreground!')
}
this.setState({appState: nextAppState});
}
render() {
return (
<Text>Current state is: {this.state.appState}</Text>
);
}
}
此示例僅顯示“當前狀態為：活動”，因為應用程序僅在處於活動狀態時對用戶可見，並且空狀態將僅暫時發生。
Methods
Properties
參考
Methods
addEventListener()
addEventListener(type, handler);
通過偵聽change事件類型並提供處理程序，為AppState更改添加處理程序
TODO：既然AppState是NativeEventEmitter的子類，我們可以棄用addEventListener和removeEventListener，直接使用addListener和listener.remove（）。這將是一個重大變化，因為方法和事件名稱都不同（addListener事件當前需要全局唯一）。
TODO：既然AppState是NativeEventEmitter的子類，我們可以棄用addEventListener和removeEventListener，直接使用addListener和listener.remove（）。這將是一個重大變化，因為方法和事件名稱都不同（addListener事件當前需要全局唯一）。
removeEventListener()
removeEventListener(type, handler);
通過傳遞change事件類型和處理程序來刪除處理程序
Properties
currentState
AppState.currentState;
0 意見