updating headers pattern

src/app/navigation/AccountNavigator.js

@@ -7,7 +7,13 @@ const Stack = createStackNavigator();
 
 const AccountNavigator = () => (
   <Stack.Navigator>
-    <Stack.Screen name="Perfil" component={AccountScreen} />
+    <Stack.Screen name="Perfil" component={AccountScreen} 
+    options={{
+      title: "Perfil",
+      headerStyle: {
+        backgroundColor: "lightgray",
+      },
+    }}/>
   </Stack.Navigator>
 );
 

src/app/navigation/FeedNavigator.js

@@ -6,7 +6,13 @@ const Stack = createStackNavigator();
 
 const FeedNavigator = () => (
   <Stack.Navigator>
-    <Stack.Screen name="Home" component={MapFeedScreen} />
+    <Stack.Screen name="Home" component={MapFeedScreen}
+      options={{
+        title: "Home",
+        headerStyle: {
+          backgroundColor: "lightgray",
+        },
+      }} />
   </Stack.Navigator>
 );
 

src/app/navigation/MessagesNavigator.js

@@ -6,7 +6,13 @@ const Stack = createStackNavigator();
 
 const MessagesNavigator = () => (
   <Stack.Navigator>
-    <Stack.Screen name="Notificação" component={MessagesScreen} />
+    <Stack.Screen name="Notificação" component={MessagesScreen}
+      options={{
+        title: "Notificação",
+        headerStyle: {
+          backgroundColor: "lightgray",
+        },
+      }} />
   </Stack.Navigator>
 );
 

src/app/navigation/OfficialMessagesNavigator.js

@@ -6,7 +6,13 @@ const Stack = createStackNavigator();
 
 const OfficialMessagesNavigator = () => (
   <Stack.Navigator>
-    <Stack.Screen name="Previsão do Tempo" component={OfficialMessagesScreen} />
+    <Stack.Screen name="Previsão do Tempo" component={OfficialMessagesScreen}
+      options={{
+        title: "Previsão do Tempo",
+        headerStyle: {
+          backgroundColor: "lightgray",
+        },
+      }} />
   </Stack.Navigator>
 );