导航页面

适配不同平台

1. 文件适配

   通过命名文件后缀为 .android.js 和 .ios.js文件 RN会根据不同平台加载不同文件

2. 平台检测

import {
    Platform

} from 'react-native'
if(Platform.OS === "android") {
//安卓代码
} else  {
//iOS代码
}

监测android物理后退按钮时间

//对于android 点击后退按钮 如果当前有后退视图就后退 并返回true 否则返回false标识后退事件没被处理 传递给操作系统 就退出应用
    handleBackAndroid() {
        if (this.navigator.getCurrentRoutes().length > 1) {
            this.navigator.pop()
            return true
        } else  {
            return false
        }
    }
    //组件挂接到当前页面
    componentDidMount() {
        if (Platform.OS === "android") {
            BackAndroid.addListener("hardwareBackPress", this.handleBackAndroid)
        }
    }
    //组件挂接到当前页面
    componentWillUnmount() {
        if (Platform.OS === "android") {
            BackAndroid.removeListener("hardwareBackPress", this.handleBackAndroid)
        }
    }

可以使用BackAndroid的addEventListener函数挂接多个监听器,当返回键按下，最后的的最先执行 如果返回false会接下来执行倒数第二个 所有的都执行完 才会交给安卓操作系统

BackAndroid.exitApp();可以 直接退出应用

颜色

1. rgba(52, 52, 52, 0.5)
2. 0xF5FCFF01
3. #F5FCFF
4. rgb(245, 255, 255)
5. hsl(360, 100%, 100%)
6. hsla(360, 100%, l00%, 1.0)