AppState:当前app的状态,是在前台还是在后台。
-
active:应用正在前台运行
-
background:正在后台运行
-
inactive:过渡状态,不会在正常的React Native应用中出现
addEventListener
:添加监听,
removeEventListener
:删除监听
demo:
* Created by on 2017/5/31.
import
React, {Component} from
'react'
;
import
{
StyleSheet,
View,
Text,
AppState,
} from
'react-native'
;
export
default
class
AppStateDemo
extends
Component
{
static navigationOptions = {
title:
'AppState'
state = {
currentAppState:AppState.currentState,
componentDidMount() {
AppState.addEventListener(
'change'
,
this
._handleAppStateChange);
componentWillUnmount() {
AppState.removeEventListener(
'change'
,
this
._handleAppStateChange);
_handleAppStateChange = (nextAppState) => {
this
.setState({currentAppState: nextAppState});
render() {
return
(
<View style={
{flex:
1
}}>
<Text>当前 state 是: {
this
.state.currentAppState}</Text>
</View>
github下载地址
React
Native
是facebook刚开源的框架,可以用javascript直接开发原生
APP
,先不说这个框架后续是否能得到大众认可,单从源码来说,这个框架源码里有非常多的设计思想和实现方式值得学习,本篇先来看看它最基础的JavaScript-ObjectC通信机制(以下简称JS/OC)。概览
React
Native
用iOS自带的JavaScriptCore作为JS的解析引擎,但并没有用到JavaScriptCore提供的一些可以让JS与OC互调的特性,而是自己实现了一套机制,这套机制可以通用于所有JS引擎上,在没有JavaScriptCore的情况下也可以用webview代替,实际上项目里
有时我们需要知道应用当前的运行状态,这样我们可以根据不同的状态进行相应的操作。
React
Native
提供了
App
State
来告知我们
App
当前的状态:激活(前台运行中)、还是后台运行。甚至可以通知我们状态的改变。下面分别对这两种情况进行介绍。
1,主动获取当前应用状态
我们可以
使用
App
State
.current
State
来获取应用的状态,返回值如下:
active:
我的项目中有一个需求 ,后台提出来的 , 需要我在 ios上 ,当用户进入应用后 , 然后进入其他应用 或者 点击 home 键 后 ,这个时候
app
应用 就进入到后台了, 如果一段时间后 ,用户又点击应用 ,这个时候应用就会进入前台 ,这个时候 ,我的
app
需要再次请求网络, 要配合后台的 需要 ,反正就是当 应用从后台进入前台的时候 ,有业务需求 。 处理这样一个需求 ,就要监听 应用的状
React
Native
是Facebook于2015年推出的跨平台开发工具,可用于开发Android和iOS
App
,并且同时具有混合开发的优点(热更新,跨平台)以及本地
App
的性能。本课程采用新的ES6开发,主要内容包括
React
Native
的基础知识,
React
Native
的布局,组件,API,封装本地API和组件,发布
React
Native
App
,本地与
React
Native
深度结合
app
State
我们处理 Push 的时候 和 当用户 推掉
app
时 数据的保存
常用 有两种状态
一个是 active (前台) 手机界面显示自己的应用background( 后台) 手机界面看不到自己ji
addEventListener('change',function) 静态方法
removeEven
App
State
能告诉你当前应用是在前台还是在后台,或者处于切换应用的状态,并且能在状态变化的时候通知你。
App
State
通常在处理推送通知的时候用来决定内容和对应的行为
一:
App
State
ative -- 应用正运行在前台
inactive -- 应用处于手机切换应用的状态 (不会在正常的
react
-
native
中出现)
background -- 应用...
react
脚手架01-
react
脚手架02-创建项目并启动03-
react
脚手架项目结构04-功能界面的组件化编码流程(通用)一、todoList案例相关知识点配置代理
react
脚手架配置代理总结二、github搜索案例相关知识点
01-
react
脚手架
1.xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目
1.包含了所有需要的配置(语法检查、jsx编译、devServer…)
2.下载好了所有相关的依赖
3.可以直接运行一个简单效果
2.
react
提供了一个用于创建
react
项目的脚
import {use
State
} from ‘
react
’
function Count({data}){//data就相当于props
return <i>{data}</i>
export default function
App
(){
const [x,setX]=use
State
(0);
判断应用的状态是在前台还是后台,以及获取应用是否联网,是wifi或流量连接等这些基本应用信息在
APP
开发中是十分常见的功能。今天就分别介绍
App
State
(获取应用状态信息),NetInfo(获取网络信息)这两个模块。
App
State
App
State
可以获取当前
APP
是在前台还是在后台运行,并且当
APP
的运行状态发生改变的时会收到通知。
App
State
通常在处理推送通知的时候用来决定内容和对应的行为