Building the FeedDetail screen

Let's recap what happened when the user tapped on one feed on the FeedsList screen:

 

_handleFeedPress(feed) {
  selectFeed(feed);
  this.props.navigation.navigate('FeedDetail', { feedUrl: feed.url });
}

The navigate method was called on the navigation property to open the FeedDetail screen. As a parameter, the _handleFeedPress function passed feedUrl, so it can retrieve the feed data and display it to the user. This is a necessary step since the data we have in our store for the selected feed can be obsolete. So, it's better to re-fetch that data before showing it to the user so we are sure it's 100% updated. We could also do a more complex check instead of retrieving the whole feed every time the user selects a feed, but we will stay with the given approach in order to keep simplicity in this app.

Let's start by retrieving the updated list of entries in the componentWillMount method:

 

/*** src/screens/FeedDetail.js ***/

import React from 'react';
import { observer...