adding view box on header text & style

Author: Rizwan Zaheer

src/components/header.js

@@ -1,13 +1,20 @@
-import React, { Component } from 'react';
-import { Text } from "react-native";
+import React from 'react';
+import { Text, View } from "react-native";
 
 const Header = () => {
-    const { textStyle } = styles;
-    return <Text style={textStyle}> Albums </Text>;
+    const { textStyle, viewStyle } = styles;
+    return (
+        <View style={viewStyle}>
+            <Text style={textStyle}> Albums </Text>
+        </View>
+    );
 };
 export default Header;
 
 const styles = {
+    viewStyle: {
+        backgroundColor: '#F8F8F8',
+    },
     textStyle: {
         fontSize: 20,
         color: 'red'