Advanced navigation with NavigationExperimental
While the navigation we implemented in the previous section is rather simple, the navigational structure of our entire application is actually less so. Not only do we navigate between the intro and home screens, but we also navigate between tabs and show modals for individual articles. With this in mind, where do we go to find out exactly where a user is in the application?
The answer to this question currently is that there is no one place to look. The navigational state is stored within the Navigator
component, the HomeScreen
component, and within the NewsFeed
components. As our application gets larger, this opaque and disparate method of storing navigational state will become increasingly painful.
Our goal in this section is to use the components and utilities of the NavigationExperimental
API to extract this navigational state from components and insert it into our Redux store. In doing so we'll need to remove Navigator
and refactor HomeScreen...