react-native-navigator-router整合ReactNative和ReactRouter組件

本項目用來整合ReactNative和ReactRouter兩個組件。React Native中提供了頁面棧管理和導(dǎo)航的組件Navigator，為頁面的生命周期管理和頁面導(dǎo)航跳轉(zhuǎn)提供了動畫容器的支持。React Router提供了為React項目的路由導(dǎo)航支持。通過使用React Native Navigator Router可以將兩個組件整合起來，在React Native項目中實現(xiàn)根據(jù)URL進行界面導(dǎo)航跳轉(zhuǎ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)到新頁面時，只需要使用React Router進行轉(zhuǎn)跳即可：

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

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