ReactDemo/App.js at master · sid-Rlogical/ReactDemo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
import * as React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';

import LoginScreen from './Screen/LoginScreen';
import RegisterScreen from './Screen/RegisterScreen';
import Home from './Screen/drawerScreens/Home';
import Details from './Screen/drawerScreens/Details';
import ForgetPassword from './Screen/ForgetPassword';

const Stack = createStackNavigator();

function MyStack() {
  return (
    <Stack.Navigator screenOptions={{headerShown: false}}>
      <Stack.Screen name="LoginScreen" component={LoginScreen} />
      <Stack.Screen
        name="ForgetPassword"
        component={ForgetPassword}
        options={{
          //headerLeft: null,
          headerShown: false,
          headerTintColor: '#ffff',
          headerStyle: {
            backgroundColor: '#003f5c',
          },
        }}
      />
      <Stack.Screen
        name="RegisterScreen"
        component={RegisterScreen}
        options={{
          //headerLeft: null,
          headerShown: false,
          headerTintColor: '#ffff',
          headerStyle: {
            backgroundColor: '#003f5c',
          },
        }}
      />
      <Stack.Screen
        name="Home"
        component={Home}
        options={{
          headerShown: true,
          headerTintColor: '#ffff',
          headerLeft: null,
          headerTransparent: false,
          headerStyle: {
            backgroundColor: '#003f5c',
          },
        }}
      />
      <Stack.Screen
        name="Details"
        component={Details}
        options={{
          headerShown: true,
          headerTintColor: '#ffff',
          headerStyle: {
            backgroundColor: '#003f5c',
          },
        }}
      />
    </Stack.Navigator>
  );
}

function App() {
  return (
    <NavigationContainer>
      <MyStack />
    </NavigationContainer>
  );
}

export default App;