lifter-web/App.js at main · sideffect263/lifter-web · 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View, Platform, Image,Button,TouchableOpacity, Dimensions } from 'react-native';
import MainScreen from './src/screens/MainScreen';
import React,{useState,useContext} from 'react';
import OrderHandler from './src/screens/OrderHandler';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';


const Tab = createMaterialTopTabNavigator();

export default function App( {navigation} ) {


const orderData = [
  {

  }
]

  return (

    <NavigationContainer>

           <Tab.Navigator

           initialRouteName='פתרונות בגובה'
           initialLayout={
            {
             width: Dimensions.get('window').width,
             height:Dimensions.get('window').height,
            }
          }
          screenOptions={{
            tabBarLabelStyle:{fontSize:20},
            tabBarStyle:styles.tabNavigtor,
            tabBarActiveTintColor:'#f8f4f4',
            tabBarInactiveTintColor:'#90828b',
            tabBarIndicatorStyle:{backgroundColor:'#7d7183'},

          }}
          style={styles.navigator}
           >
            <Tab.Screen

            initialParams={
              {
                orderData:orderData,
              }
            }
            name='פתרונות בגובה'
             component={MainScreen}
             style={styles.container}
             options={{

              title:'ספריית כלים',

            }}

             />
            <Tab.Screen
            initialParams={
              {orderData:orderData,}}
             name='שאלון'
             component={OrderHandler}
             style={styles.container}
             options={{
              headerShown:false,
            }}

             />
           </Tab.Navigator>
           </NavigationContainer>
      );
    }

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor:'#86bbd8',
    alignItems: 'center',
    flexDirection:'column',
    height:'100%',
    justifyContent: 'center',
  },
  headBarImage:{
      marginLeft:'5%',
      resizeMode:'contain',
      height:'100%',
      width:'300px',
      borderWidth:1,
  },
  navigator:{
    maxHeight:Dimensions.get('window').height,
    fontSize:100,
  },
  tabNavigtor:{ //make it shine whne i hover over it
    backgroundColor:'#c9c7c5',

  },
});