# navigation-react-native

> React Native plugin for the Navigation router

Latest version **9.36.1** (published 2026-03-20) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install navigation-react-native
pnpm add navigation-react-native
yarn add navigation-react-native
bun add navigation-react-native
```

## Health

**Score 50/100 (C)** — status: stable.

Positive: no vulnerabilities; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 9.36.1 |
| Published | 2026-03-20 |
| First published | 2017-03-12 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 659 |
| Author | Graham Mendick |
| Maintainers | grahammendick |
| Keywords | router, navigation, react, native |

## Links

- npm: https://www.npmjs.com/package/navigation-react-native
- Repository: https://github.com/grahammendick/navigation
- Homepage: http://grahammendick.github.io/navigation/
- Issues: https://github.com/grahammendick/navigation/issues
- npm.io page: https://npm.io/package/navigation-react-native

## Alternatives

- [express-promise-router](https://npm.io/package/express-promise-router.md) — 736.1K weekly downloads
- [next-usequerystate](https://npm.io/package/next-usequerystate.md) — 29.8K weekly downloads
- [@bitkyc08/opencodex](https://npm.io/package/@bitkyc08/opencodex.md) — 4.6K weekly downloads
- [lynkr](https://npm.io/package/lynkr.md) — 575 weekly downloads
- [baremetal.js](https://npm.io/package/baremetal.js.md) — 42 weekly downloads

## Recent versions

- 9.36.1 (latest) — 2026-03-20
- 8.10.0-wip.0 (wip) — 2022-09-17
- 9.36.0 — 2026-03-19
- 9.35.2 — 2026-01-17
- 9.35.1 — 2026-01-16
- 9.35.0 — 2025-10-24
- 9.34.1 — 2025-10-12
- 9.34.0 — 2025-10-04
- 9.33.0 — 2025-09-28
- 9.32.0 — 2025-08-16
- 9.31.3 — 2025-05-15
- 9.31.2 — 2025-05-10
- 9.31.1 — 2025-04-20
- 9.31.0 — 2025-04-19
- 9.30.3 — 2025-04-01
- … 157 more at https://npm.io/package/navigation-react-native/versions

## README

# Hello World

```jsx
import { StateNavigator } from 'navigation';
import { NavigationHandler, NavigationContext } from 'navigation-react';
import { NavigationStack,. Scene } from 'navigation-react-native';

const stateNavigator = new StateNavigator([
  { key: 'hello' },
  { key: 'world', trackCrumbTrail: true },
]);

const Hello = () => {
  const { stateNavigator } = useContext(NavigationContext);
  return (
    <Button
      title="Hello"
      onPress={() => {
        stateNavigator.navigate('world', { size: 20 });
      }} />
  );
};

const World = () => {
  const { data } = useContext(NavigationContext);
  return <Text style={{ fontSize: data.size }}>World</Text>;
};

const App = () => (
  <NavigationHandler stateNavigator={stateNavigator}>
    <NavigationStack>
      <Scene stateKey="hello"><Hello /></Scene>
      <Scene stateKey="world"><World /></Scene>
    </NavigationStack>
  </NavigationHandler>
);
```

---
_Source: https://npm.io/package/navigation-react-native · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._