本项目用来整合ReactNative和ReactRouter两个组件。React Native中提供了页面栈管理和导航的组件Navigator,为页面的生命周期管理和页面导航跳转提供了动画容器的支持。React Router提供了为React项目的路由导航支持。通过使用React Native Navigator Router可以将两个组件整合起来,在React Native项目中实现根据URL进行界面导航跳转,并且拥有近乎原生效果的动画。
使用方式很简单:
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);
需要跳转到新页面时,只需要使用React Router进行转跳即可:
this.context.router.push('/about')
目前该组件以及应用于生产环境的App中,并已经在市场上架。