Develop

my-project/components/Header/Header.js

+// import React from 'react'
+// import {
+//     StyleSheet,
+//     Text,
+//     View
+// } from 'react-native';
+//
+// function Header() {
+//     return(
+//         <View style={styles.header}>
+//             <Text style={styles.text}>The playlist of</Text>
+//             <Text style={styles.text}>Epicness</Text>
+//         </View>
+//     )
+// }
+//
+// const styles = StyleSheet.create({
+//     header: {
+//
+//         backgroundColor: '#3e3f40',
+//         alignItems: 'center',
+//         height: 'auto',
+//         width: '100%'
+//     },
+//     text: {
+//         color: 'white',
+//         fontSize: 30
+//     }
+// })
+
+import * as React from 'react';
+import { Appbar } from 'react-native-paper';
+
+export default class Header extends React.Component {
+  render() {
+    return (
+      <Appbar.Header>
+        <Appbar.Content
+          title="Spotifake"
+          subtitle="by Erling O"
+        />
+        {/* <Appbar.Action icon="search" onPress={this._handleSearch} />
+        <Appbar.Action icon="more-vert" onPress={this._handleMore} /> */}
+      </Appbar.Header>
+    );
+  }
+}