本項(xiàng)目用來(lái)整合ReactNative和ReactRouter兩個(gè)組件。React Native中提供了頁(yè)面棧管理和導(dǎo)航的組件Navigator，為頁(yè)面的生命周期管理和頁(yè)面導(dǎo)航跳轉(zhuǎn)提供了動(dòng)畫(huà)容器的支持。React Router提供了為React項(xiàng)目的路由導(dǎo)航支持。通過(guò)使用React Native Navigator Router可以將兩個(gè)組件整合起來(lái)，在React Native項(xiàng)目中實(shí)現(xiàn)根據(jù)URL進(jìn)行界面導(dǎo)航跳轉(zhuǎn)，并且擁有近乎原生效果的動(dòng)畫(huà)。

使用方式很簡(jiǎn)單：

import?React,?{?Component?}?from?'react';
import?{?AppRegistry?}?from?'react-native';
import?{?createMemoryHistory,?Router,?IndexRoute,?Route?}?from?'react-router';
import?{?createNavigatorRouter?}?from?'react-native-navigator-router';

class?App?extends?Component?{
??render()?{
????return?(
??????
????????
??????????
??????????
??????????
????????
??????
????);
??}
}

AppRegistry.registerComponent('Example',?()?=>?App);

需要跳轉(zhuǎn)到新頁(yè)面時(shí)，只需要使用React Router進(jìn)行轉(zhuǎn)跳即可：

this.context.router.push('/about')

目前該組件以及應(yīng)用于生產(chǎn)環(huán)境的App中，并已經(jīng)在市場(chǎng)上架。