Installations

npm install react-navigation-mobx-helpers

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

11.4.0

NPM Version

6.4.1 Score

25.4

Supply Chain

49.6

Quality

64.8

Maintenance

50

Vulnerability

93.8

License

Pull Requests

Open

0

Total

2

Closed

0

Merged

2

Issues

Open

3

Total

9

Closed

6

Releases

Unable to fetch releases

Contributors

3

Unable to fetch Contributors

View All 3 Contributors

Languages

1

TypeScript

TypeScript (100%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

Javascript-Ninja

Download Statistics

Total Downloads

25,016

Last Day

5

Last Week

13

Last Month

96

Last Year

564

GitHub Statistics

MIT License

27 Stars

30 Commits

5 Forks

2 Watchers

1 Branches

3 Contributors

Updated on Feb 25, 2023

Maintainers

1

Package Meta Information

Latest Version

2.0.1

Package Id

react-navigation-mobx-helpers@2.0.1

Unpacked Size

10.55 kB

Size

2.76 kB

File Count

5

NPM Version

6.4.1

Node Version

11.4.0

Total Downloads

Cumulative downloads

Total Downloads

25,016

Last Day

150%

5

Compared to previous day

Last Week

-31.6%

13

Compared to previous week

Last Month

336.4%

96

Compared to previous month

Last Year

-80.3%

564

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

2

@types/react-navigation react-navigation

Peer Dependencies

2

mobx react-navigation

Dev Dependencies

2

mobx typescript

react-navigation-mobx-helpers

React-Navigation bindings for MobX

Installation

1npm install react-navigation-mobx-helpers --save

Usage

1import React from 'react';
2import { Provider, inject, observer } from 'mobx-react';
3import { StackNavigator } from 'react-navigation';
4import NavigationStore from 'react-navigation-mobx-helpers';
5
6const RootNavigator = StackNavigator(RouteConfigs);
7
8const rootNavigation = new NavigationStore();
9
10class Root extends React.Component {
11  render() {
12    return (
13      <Provider rootNavigation={rootNavigation}>
14        <App />
15      </Provider>
16    );
17  }
18}
19
20@inject('rootNavigation')
21@observer
22class App extends React.Component {
23  render() {
24    const { rootNavigation } = this.props;
25    return <RootNavigator ref={rootNavigation.createRef} />;
26  }
27}

API

Action	Parameter	Description
`createRef`	`ref: React.Component`	Save an instance of navigation to store
`dispatch`	`action: NavigationAction`	Send an action to router
`getParam`	`paramName: string, fallback?: NavigationParams`	Get a specific param with fallback
`setParams`	`newParams: NavigationParams`	Make changes to route's params
`navigate`	`{ routeName: string, params?: NavigationParams, action?: NavigationAction, key?: string }` OR `routeName: string, params?: NavigationParams, action?: NavigationAction`	Go to another screen, figures out the action it needs to take to do it
`push`	`routeName: string, params?: NavigationParams, action?: NavigationAction`	Navigate forward to new route in stack
`replace`	`routeName: string, params?: NavigationParams, action?: NavigationAction`	Replace the current route with a new one
`goBack`	`routeKey?: string \| null`	Close active screen and move back in the stack
`pop`	`n?: number, params?: { immediate?: boolean }`	Go back in the stack
`popToTop`	`params?: { immediate?: boolean }`	Go to the top of the stack

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

4

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

2.3

/10

Last Scanned on 2025-02-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More