-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathApp.js
47 lines (43 loc) · 1.29 KB
/
App.js
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
import React from 'react';
import { StyleSheet } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import QrScannerScreen from './Screens/QrScannerScreen';
import ItemsListScreen from './Screens/ItemsListScreen';
import { AntDesign } from '@expo/vector-icons';
import { Entypo } from '@expo/vector-icons';
const Tab = createBottomTabNavigator();
export default function App() {
return (
<NavigationContainer>
<Tab.Navigator screenOptions={({route}) => ({
tabBarIcon: () => {
if (route.name === 'QrScanner'){
return <AntDesign name="camera" size={24} color="black"/>
} else {
return <Entypo name="list" size={24} color="black" />
}
}})}>
<Tab.Screen name="QrScanner"
component={QrScannerScreen}
options={{
headerShown: false
}}/>
<Tab.Screen
name="Items list"
component={ItemsListScreen}
options={{
headerShown: false
}} />
</Tab.Navigator>
</NavigationContainer>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});