routes.js

const defaultReducer = Reducer(Actions);
const reducerCreate = () => {
  return (state, action) => {
    // console.log('reducer: ACTION:', action);
    return defaultReducer(state, action);
  };
};


export const RootNavigator = () => {
	
	return (
		<Router
			createReducer={reducerCreate}
		>
			<Overlay key="Overlay">
				<Modal
					key="ModalWrap"
					hideNavBar
				>
					<Stack key="appStack" hideNavBar={true}>
						<Scene key="Splash" component={Splash}  />
						<Scene key="Demo" component={Demo} />
						<Stack key="OnboardStack" hideNavBar>
							<Scene key="Intro" component={Intro} />
							<Scene key="Register" component={Register} />
							<Scene key="Verify" component={Verify} />
						</Stack>
					</Stack>
					<Scene key="ChoiceModal" component={ChoiceModal} />
					<Scene key="ShopListModal" component={ShopListModal} />
					<Scene key="Tutorials" component={Tutorials} />
				</Modal>
			</Overlay>
		</Router>
	)
};