React

Setup

Install the three navigation packages from npm.

npm install navigation navigation-react navigation-react-mobile

Replace the code in index.js (or equivalent) with the following:

import {createRoot} from 'react-dom/client';
import {StateNavigator} from 'navigation';
import {NavigationHandler} from 'navigation-react';
import {NavigationMotion} from 'navigation-react-mobile';

const stateNavigator = new StateNavigator([
]);

stateNavigator.start();

const sceneStyle = {
  position: 'fixed',
  overflow: 'auto',
  backgroundColor: '#fff',
  top: 0, right: 0, bottom: 0, left: 0
}

const App = () => (
  <NavigationHandler stateNavigator={stateNavigator}>
    <NavigationMotion
      renderMotion={(style, scene, key) => (
        <div key={key} style={sceneStyle}>
          {scene}
        </div>
      )}>
    </NavigationMotion>
  </NavigationHandler>
);

const rootElement = document.getElementById('root');
const root = createRoot(rootElement);

root.render(<App />);