React Native Cookbook - Second Edition

How to do it...

1. In the App.js file, we're going to create a stateless component. This component will mimic a small music player. It will only display the name of the song and a bar to show the progress. The first step is importing our dependencies:

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

2. Once we've imported the dependencies, we can build out the component:

export default class App extends React.Component {
  render() {
    const name = '01 - Blue Behind Green Bloches';

    return (
      <View style={styles.container}>
        <View style={styles.innerContainer} />
        <Text style={styles.title}>
          <Text style={styles.subtitle}>Playing:</Text> {name}
        </Text>
      </View>
    );
  }
}

3. We have our component ready, so now we need to ...