react-native细节

作者: Charon_Pluto | 来源:发表于2017-10-17 14:49 被阅读57次

1.ios和android的判断

引用

import Platform from "Platform";
 if (Platform.OS === 'android') {
         
        }else{

}

2.键盘

1.首先需要导入键盘的控件

import{

Keyboard

}from'react-native';

2.让键盘显示还是收起
Keyboard.dismiss();

3.检查网络状态

引用

import {NetInfo} from "react-native";
NetInfo.isConnected.fetch().done((isConnected) => {
            console.warn( isConnected+"网络状态_______")
        });

4.再次调转页面修改相同的值,数据不刷新的nextProps

当props发生变化时执行,初始化render时不执行,在这个回调函数里面,你可以根据属性的变化,通过调用this.setState()来更新你的组件状态,旧的属性还是可以通过this.props来获取,这里调用更新状态是安全的,并不会触发额外的render调用

componentWillReceiveProps(nextProps){
        var {QrUrl}=nextProps;
        this.setState({
            QrUrl:QrUrl
        });
        console.warn(QrUrl+"+======")
    }
react-native生命周期

5.退出app(只适用于android)

引用

import Platform from "Platform";
import {BackAndroid} from "react-native";
 if (Platform.OS === 'android') {
            BackAndroid.exitApp();
        }

相关文章

网友评论

    本文标题:react-native细节

    本文链接:https://www.haomeiwen.com/subject/gerduxtx.html