Create Ex-Navigation router

[minaorangina]

• Create router component to pass to the NavigationProvider
• Think about where nested routes might be needed

19

[minaorangina]

Router

• Created routes.js, which returns an object with key/value pairs representing your routes and the related component
• Router is passed to an instance of NavigationContext (imported), along with your store.
• NavigationProvider is nested inside react-redux Provider. Takes the navigation context created from NavigationContext.
• NavigationReducer is passed in to our combineReducers in the root reducer.

Store

• You replace redux's createStore with a function that is returned from calling ex-navigation's createNagivationEnabledStore (which takes the original createStore and a 'navigationStateKey' as arguments)

Questions:

• What is StackNavigation? How does it relate to popping and pushing views?

[minaorangina]

Tabbed components

• Created a new navbar route inside our router, which renders a Navbar component
• TabNavigation--> TabItems.
  TabNavigation has an initialTab attribute, where you specify which view you want to render first
• TabItems have id, title (which is visible on page), selectedStyle and renderIcon attributes