In this section, we're going to add a simple introduction screen to our application that is presented to the user before the news feed. When they tap the screen, it will navigate to the home screen that we currently have in the application, as shown in the following screenshot:
The first thing we'll do is create a simple new component for this intro screen in a new src/components/IntroScreen.js file:
import React, { PropTypes } from 'react';
import {
View,
TouchableOpacity,
StatusBar,
StyleSheet
} from 'react-native';
import Title from './Title';
import AppText from './AppText';
import * as globalStyles from '../styles/global';
// Set the status bar for iOS to light
StatusBar.setBarStyle('light-content');
const IntroScreen = ({ onPress }) => (
<View style={[globalStyles.COMMON_STYLES.pageContainer, styles.container]}>
<TouchableOpacity
onPress...