@remyar/react-navigation v1.0.0

react-navigation

Navigation provider for react

Installation

This library was built with React >=18 and react-router-dom >=6.26.2 in mind. It might work on lower versions as well, but the lib is developed for and tested on those versions.

npm install @remyar/react-navigation --save

Usage

The lib exposes the following methods:

NavigationProvider

import { NavigationProvider } from '@remyar/react-navigation';
...

 root.render(
        <React.Fragment>
            <NavigationProvider>
                 <App /> --> Your Application
            </NavigationProvider>
        </React.Fragment>
    );

withNavigation

import { withNavigation } from '@remyar/react-navigation';
...

function YourReactComponent(props) {
    return <div>
        <MenuItem onClick={() => {
                props.navigation.push("/index.html");
            }}>
        </MenuItem>
        <MenuItem onClick={() => {
                props.navigation.goBack();
            }}>
        </MenuItem>
        <MenuItem onClick={() => {
                let actualPath = props.navigation.getPath();
            }}>
        </MenuItem>
        </div>
}

export default withNavigation(YourReactComponent);