A web like router for ReactNative
$ npm install react-native-navigator --save
index.ios.js:
'use strict';
import React from 'react-native';
import App from './src/app';
React.AppRegistry.registerComponent('Example', () => App);
app.js:
import React from 'react-native';
import Navigator from 'react-native-navigator';
const {
Router,
Route
} = Navigator;
import IndexPage from './pages/IndexPage';
import DocPage from './pages/DocPage';
import DocSection from './pages/DocSection';
import BreadcrumbNavSample from './pages/BreadcrumbNavSample';
import NavigationBarSample from './pages/NavigationBarSample';
import JumpingNavSample from './pages/JumpingNavSample';
import NavSimpleExample from './pages/NavSimpleExample';
// Support params and query
export default class App extends React.Component{
render() {
return (
<Router component={IndexPage} >
<Route path="/example/navbar-sample" component={NavigationBarSample} />
<Route path="/example/jumping-nav-sample" component={JumpingNavSample} />
<Route path="/example/breadcrumb-nav-sample" component={BreadcrumbNavSample} />
<Route path="/example/nav-simple-example" component={NavSimpleExample} />
<Route path="/doc/:id" component={DocSection} />
</Router>
);
}
};
export default App;
more example pleace checkout the example: Example/index.ios.js
- LinkTo( path, props )
- Back()
- Fork this Repo first
- Clone your Repo
- Install dependencies by
$ npm install
- Checkout a feature branch
- Feel free to add your features
- Make sure your features are fully tested
- Publish your local branch, Open a pull request
- Enjoy hacking <3