ReactNativeGank 源码 - index.android.js

源码下载:https://github.com/Bob1993/React-Native-Gank

BackAndroid


  • 资料:BackAndroid组件
  • 监听硬件的back键操作。如果没有任何监听函数,或者监听函数的返回值不是true,则会调用默认的back键功能来退出应用。
  • Gank源码:

    componentDidMount () {
    BackAndroid.addEventListener('hardwareBackPress', this.handleBack)
    }
    componentWillUnmount () {
    BackAndroid.removeEventListener('hardwareBackPress', this.handleBack)
    }
    _handleBack () {
    var navigator = this.navigator
    if (navigator && navigator.getCurrentRoutes().length > 1) {
    navigator.pop()
    return true
    }
    return false
    }

Navigator


  • 资料 : 新手理解navigator的教程
    资料 : Navigator组件
  • 使用导航器可以让你在应用的不同场景(页面)间进行切换。导航器通过路由对象来分辨不同的场景。利用renderScene方法,导航栏可以根据指定的路由来渲染场景。
  • 可以通过configureScene属性获取指定路由对象的配置信息,从而改变场景的动画或者手势。Navigator.SceneConfigs来获取默认的动画和更多的场景配置选项。

StatusBar


  • 资料 : StatusBar组件
  • 与Navigator搭配的用法
    StatusBar组件可以同时加载多个。此时属性会按照加载顺序合并(后者覆盖前者)。一个典型的用法就是在使用Navigator时,针对不同的路由指定不同的状态栏样式,如下:



    initialRoute={{statusBarHidden: true}}
    renderScene={(route, navigator) =>

    } />

你可能感兴趣的:(ReactNativeGank 源码 - index.android.js)