O'Reilly logo

Mastering React Native by Jacob Friedmann, Eric Masiello

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

Using Navigator

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:

Using Navigator

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'; // ...

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