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 通常在处理推送通知的时候用来决定内容和对应的行为