Browse Source

Setup for "Dados" screen

master
GabrielTrettel 4 years ago
parent
commit
612e30a89e
  1. 18
      src/app/navigation/AccountNavigator.js
  2. 12
      src/app/navigation/AppNavigator.js
  3. 22
      src/app/navigation/DataNavigator.js
  4. 17
      src/app/screens/DataScreen.js

18
src/app/navigation/AccountNavigator.js

@ -1,19 +1,21 @@
import React from "react"; import React from "react";
import { createStackNavigator } from "@react-navigation/stack"; import { createStackNavigator } from "@react-navigation/stack";
import AccountScreen from "../screens/AccountScreen"; import AccountScreen from "../screens/AccountScreen";
import MessagesScreen from "../screens/MessagesScreen";
const Stack = createStackNavigator(); const Stack = createStackNavigator();
const AccountNavigator = () => ( const AccountNavigator = () => (
<Stack.Navigator> <Stack.Navigator>
<Stack.Screen name="Perfil" component={AccountScreen}
options={{
title: "Perfil",
headerStyle: {
backgroundColor: "white",
},
}}/>
<Stack.Screen
name="Perfil"
component={AccountScreen}
options={{
title: "Perfil",
headerStyle: {
backgroundColor: "white",
},
}}
/>
</Stack.Navigator> </Stack.Navigator>
); );

12
src/app/navigation/AppNavigator.js

@ -2,7 +2,7 @@ import React from "react";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { MaterialCommunityIcons } from "@expo/vector-icons"; import { MaterialCommunityIcons } from "@expo/vector-icons";
import AccountNavigator from "./AccountNavigator";
import DataNavigator from "./DataNavigator";
import FeedNavigator from "./FeedNavigator"; import FeedNavigator from "./FeedNavigator";
import MessagesNavigator from "./MessagesNavigator"; import MessagesNavigator from "./MessagesNavigator";
import ForecastNavigator from "./ForecastNavigator"; import ForecastNavigator from "./ForecastNavigator";
@ -74,11 +74,15 @@ const AppNavigator = () => (
}} }}
/> />
<Tab.Screen <Tab.Screen
name="Perfil"
component={AccountNavigator}
name="Dados"
component={DataNavigator}
options={{ options={{
tabBarIcon: ({ color, size }) => ( tabBarIcon: ({ color, size }) => (
<MaterialCommunityIcons name="account" color={color} size={size} />
<MaterialCommunityIcons
name="layers-triple"
color={color}
size={size}
/>
), ),
}} }}
/> />

22
src/app/navigation/DataNavigator.js

@ -0,0 +1,22 @@
import React from "react";
import { createStackNavigator } from "@react-navigation/stack";
import DataScreen from "../screens/DataScreen";
const Stack = createStackNavigator();
const DataNavigator = () => (
<Stack.Navigator>
<Stack.Screen
name="Data"
component={DataScreen}
options={{
title: "Dados",
headerStyle: {
backgroundColor: "white",
},
}}
/>
</Stack.Navigator>
);
export default DataNavigator;

17
src/app/screens/DataScreen.js

@ -0,0 +1,17 @@
import React from "react";
import Screen from "../components/Screen";
import InDevelopment from "../components/InDevelopment";
function DataScreen(props) {
return (
<Screen
style={{
padding: 10,
}}
>
<InDevelopment />
</Screen>
);
}
export default DataScreen;
Loading…
Cancel
Save