Browse Source

updating headers pattern

master
analuizaff 4 years ago
parent
commit
996dfe9f16
  1. 8
      src/app/navigation/AccountNavigator.js
  2. 10
      src/app/navigation/FeedNavigator.js
  3. 10
      src/app/navigation/MessagesNavigator.js
  4. 10
      src/app/navigation/OfficialMessagesNavigator.js

8
src/app/navigation/AccountNavigator.js

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

10
src/app/navigation/FeedNavigator.js

@ -5,8 +5,14 @@ import MapFeedScreen from "../screens/MapFeedScreen";
const Stack = createStackNavigator(); const Stack = createStackNavigator();
const FeedNavigator = () => ( const FeedNavigator = () => (
<Stack.Navigator>
<Stack.Screen name="Home" component={MapFeedScreen} />
<Stack.Navigator>
<Stack.Screen name="Home" component={MapFeedScreen}
options={{
title: "Home",
headerStyle: {
backgroundColor: "lightgray",
},
}} />
</Stack.Navigator> </Stack.Navigator>
); );

10
src/app/navigation/MessagesNavigator.js

@ -5,8 +5,14 @@ import MessagesScreen from "../screens/MessagesScreen";
const Stack = createStackNavigator(); const Stack = createStackNavigator();
const MessagesNavigator = () => ( const MessagesNavigator = () => (
<Stack.Navigator>
<Stack.Screen name="Notificação" component={MessagesScreen} />
<Stack.Navigator>
<Stack.Screen name="Notificação" component={MessagesScreen}
options={{
title: "Notificação",
headerStyle: {
backgroundColor: "lightgray",
},
}} />
</Stack.Navigator> </Stack.Navigator>
); );

10
src/app/navigation/OfficialMessagesNavigator.js

@ -5,8 +5,14 @@ import OfficialMessagesScreen from "../screens/OfficialMessagesScreen";
const Stack = createStackNavigator(); const Stack = createStackNavigator();
const OfficialMessagesNavigator = () => ( const OfficialMessagesNavigator = () => (
<Stack.Navigator>
<Stack.Screen name="Previsão do Tempo" component={OfficialMessagesScreen} />
<Stack.Navigator>
<Stack.Screen name="Previsão do Tempo" component={OfficialMessagesScreen}
options={{
title: "Previsão do Tempo",
headerStyle: {
backgroundColor: "lightgray",
},
}} />
</Stack.Navigator> </Stack.Navigator>
); );

Loading…
Cancel
Save