Bottom.js
2.85 KB
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
import React, { Component } from 'react';
import { StyleSheet, Text, View, Image,
TouchableOpacity,
SafeAreaView, } from 'react-native';
import { createAppContainer,createSwitchNavigator, createNavigationContainer, withNavigation} from 'react-navigation';
import { createBottomTabNavigator, BottomTabBar,BottomTabBarProps} from 'react-navigation-tabs';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
import Ionicons from 'react-native-vector-icons/Ionicons'
import Icons from 'react-native-vector-icons/MaterialIcons'
import HomeTab from '../BottomTabNavigator/HomeTab'
import TopTab from './Top'
import Heart from '../../assets/heart_.svg'
import Chat from '../../assets/chat_.svg'
import Home from '../../assets/home.svg'
import QR from '../../assets/qr.svg'
import Alarm from '../../assets/alarm.svg'
const Tabs = createBottomTabNavigator({
Home: {
screen:TopTab,
},
Chat: {
screen:HomeTab,
},
QR: {
screen:HomeTab,
},
Like: HomeTab,
Alarm: {
screen:HomeTab,
},
}, {
initialRouteName:null,
defaultNavigationOptions: ({ navigation }) => ({
tabBarIcon: ({focused,tintColor}) => {
const { routeName } = navigation.state;
if(routeName== "Home") {
return <Home color={focused?tintColor:"black"}name="home" size={20} />
}
if(routeName== "Chat") {
return <Chat color={focused?tintColor:"black"}name="chat" size={20} />
}
if(routeName== "QR") {
return <QR color={focused?tintColor:"black"}name="center" size={20} />
}
if(routeName== "Like") {
return <Heart color={focused?tintColor:"black"}name="like" size={20} />
}
if(routeName== "Alarm") {
return <Alarm color={focused?tintColor:"black"} name="alarm" size={20} />
}
},
tabBarOnPress: ({navigation,defaultHandler}) => {
if(navigation.state.key == "Home") {
navigation.navigate('Main_')
}
else if(navigation.state.key == "Chat") {
navigation.navigate('ChatTab')
}
else if(navigation.state.key == "QR") {
navigation.navigate('QRTab')
}
else if(navigation.state.key == "Like") {
navigation.navigate('LikeTab')
}
else if(navigation.state.key == "Alarm") {
navigation.navigate('AlarmTab')
}
else {
defaultHandler();
}
},tabBarOptions: {
activeTintColor: '#3A9CF9',
inactiveTintColor: 'black',
labelStyle: {
fontSize: 12,
display:"none"
},
}
}),
});
export default createAppContainer(Tabs);