0.1.37 • Published 7 years ago
react-native-ducks-router v0.1.37
React-Native ducks router
Install
npm i --save react-native-ducks-router
Test
npm test
Usage
import Router, { routerReducer } from 'react-native-ducks-router';
...
const Home = ({ params, onPressButton }) => <View>
<Text>Hello</Text>
<Button onPress={onPressButton} title={`Sign In`}/>
</View>;
const SignIn = ({ params, onPressButton }) => <View>
<Text>Sign In</Text>
<Button onPress={onPressButton} title={`About Us`}/>
</View>;
const About = ({ params, onPressButton }) => <View>
<Text>About {params.message}</Text>
<Button onPress={onPressButton} title={`Go back`}/>
</View>;
...
import { connect } from 'react-redux';
import { actionCreators } from 'react-native-ducks-router';
const routes = {
indexRoute: {
key: 'home', // required
component: connect(..., {
onPressButton: actionCreators.push.bind(null, { key: 'sign-in' }),
})(Home),
},
routes: [
{
key: 'about',
component: connect(..., {
onPressButton: actionCreators.pop,
})(About),
},
{
key: 'sign-in',
component: connect(..., {
onPressButton: actionCreators.push.bind(null, { key: 'about', params: { message: 'Hello' } }),
})(SignIn),
},
],
};
...
const reducers = {
// Your reducers ...
router: routerReducer,
};
...
const AppContainer = ({store, routes}) => <Provider store={store}>
<Router routes={routes}/>
</Provider>;
const App = () => <AppContainer
store={createStore(reducers, {})}
routes={routes}
/>;
...
AppRegistry.registerComponent('MyAwesomeApp', App);
0.1.37
7 years ago
0.1.36
7 years ago
0.1.35
7 years ago
0.1.34
7 years ago
0.1.33
7 years ago
0.1.32
7 years ago
0.1.31
7 years ago
0.1.30
7 years ago
0.1.29
7 years ago
0.1.28
7 years ago
0.1.27
7 years ago
0.1.26
7 years ago
0.1.25
7 years ago
0.1.24
7 years ago
0.1.23
7 years ago
0.1.22
7 years ago
0.1.20
7 years ago
0.1.19
8 years ago
0.1.18
8 years ago
0.1.17
8 years ago
0.1.16
8 years ago
0.1.15
8 years ago
0.1.14
8 years ago
0.1.13
8 years ago
0.1.12
8 years ago
0.1.11
8 years ago
0.1.10
8 years ago
0.1.9
8 years ago
0.1.8
8 years ago
0.1.7
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago