本项目用来整合ReactNative和ReactRouter两个组件。ReactNative中提供了页面栈管理和导航的组件Navigator，为页面的生命周期管理和页面导航跳转提供了动画容器的支持。ReactRouter提供了为React项目的路由导航支持。通过使用ReactNativeNavigatorRouter可以将两个组件整合起来，在ReactNative项目中实现根据URL进行界面导航跳转，并且拥有近乎原生效果的动画。
使用方式很简单：
import React, { Compoet } from 'react';import { AppRegistry } from 'react-ative';import { createMemoryHistory, Router, IdexRoute, Route } from 'react-router';import { createNavigatorRouter } from 'react-ative-avigator-router';class App exteds Compoet { reder() { retur ( <Router history={createMemoryHistory('/')}> <Route path='/' compoet={createNavigatorRouter()}> <IdexRoute compoet={Home} /> <Route path="/about" compoet={About} /> <Route path="/detail" compoet={Detail} /> </Route> </Router> ); }}AppRegistry.registerCompoet('Example', () => App);需要跳转到新页面时，只需要使用ReactRouter进行转跳即可：
this.cotext.router.push('/about')目前该组件以及应用于生产环境的App中，并已经在市场上架。
评论