O'Reilly logo

React Native Blueprints by Emilio Rodriguez Martinez

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required