Declarative routing for React Native based on react-router
and react-navigation
.
Install:
$ yarn add react-router react-router-native react-router-navigation
And then, enjoy it:
import * as React from 'react'
import { Text } from 'react-native'
import { NativeRouter, Link } from 'react-router-native'
import { Navigation, Card } from 'react-router-navigation'
const App = () => (
<NativeRouter>
<Navigation>
<Card
exact
path="/"
render={() => (
<Link to="/hello">
<Text>Press it</Text>
</Link>
)}
/>
<Card
path="/hello"
render={() => <Text>Hello</Text>}
/>
</Navigation>
</NativeRouter>
)
If you have any questions, feel free to get in touch on Twitter @Leo_LeBras or open an issue.
React Router Navigation is built and maintained by Léo Le Bras.