So now, after creating the basic navigation wireframe, let's style our screens accordingly. In order to do so, we need to get real data from the Twitter API, so our mocks will match the real use case once we connect our app to the Twitter API. I've started with a simple mock by accessing https://dev.twitter.com/rest/reference/get/statuses/home_timeline and pasting the example data inside the Home component. In addition, I also added a media key with the corresponding media array to the entities object. This was found after some searching for the media API in Twitter dev docs.
So now, after creating the data mock, let's take a look at our app and divide it by components:
ProfileHeaderButton is fairly simple. It's basically an avatar from react-native-elements with the following:
onPress={() =>
...