3.10.1 • Published 11 months ago
navigation-react-mobile v3.10.1
Hello World
import { StateNavigator } from 'navigation';
import { NavigationHandler, NavigationLink, NavigationBackLink } from 'navigation-react';
import { NavigationMotion, Scene } from 'navigation-react-mobile';
const stateNavigator = new Navigation.StateNavigator([
{ key: 'hello', route: '' },
{ key: 'world', trackCrumbTrail: true }
]);
stateNavigator.start();
const Hello = () => (
<NavigationLink stateKey="world">
Hello
</NavigationLink>
);
const World = () => (
<NavigationBackLink distance={1}>
World
</NavigationBackLink>
);
const App = () => (
<NavigationHandler stateNavigator={stateNavigator}>
<NavigationMotion
unmountedStyle={{ translate: 100 }}
mountedStyle={{ translate: 0 }}
crumbStyle={{ translate: -10 }}
renderMotion={(style, scene, key) => (
<div
key={key}
style={{ transform: `translate(${style.translate}%)` }}>
{scene}
</div>
)}>
<Scene stateKey="hello"><Hello /></Scene>
<Scene stateKey="world"><World /></Scene>
</NavigationMotion>
</NavigationHandler>
);
3.10.1
11 months ago
3.10.0
12 months ago
3.8.2
2 years ago
3.9.0
2 years ago
3.8.0
2 years ago
3.8.1
2 years ago
3.6.2
2 years ago
3.7.0
2 years ago
3.6.1
2 years ago
3.5.2
2 years ago
3.6.0
2 years ago
3.5.1
2 years ago
3.6.4
2 years ago
3.6.3
2 years ago
3.5.0
2 years ago
3.4.0
3 years ago
3.3.0
4 years ago
3.2.0
4 years ago
3.1.1
5 years ago
3.1.0
5 years ago
3.0.0
5 years ago
2.1.0
5 years ago
2.0.1
5 years ago
2.0.0
6 years ago
1.1.0
6 years ago
1.0.0
6 years ago