-
Notifications
You must be signed in to change notification settings - Fork 0
/
BottomNavigation.js
57 lines (54 loc) · 1.65 KB
/
BottomNavigation.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
48
49
50
51
52
53
54
55
56
57
import React from 'react';
import { View } from 'react-native';
import { Icon } from 'react-native-elements';
const iconSize = 40;
const iconColor = 'gray';
const BottomNavigation = ({ navigation, styles, screenName }) => {
const buttons = [
{
iconName: "home",
key: "home",
to: "Home"
},
{
iconName: "chat-bubble",
key: "chat",
to: "Chat"
},
{
iconName: "notifications",
key: "notifications",
to: "Notifications"
},
{
iconName: "settings",
key: "settings",
to: "Settings"
}
]
return (
<View style={{flexDirection: 'row', justifyContent: "space-evenly"}}>
{
buttons.map(button => (
screenName !== button.to ? (
<Icon
key={button.key}
name={button.iconName}
size={styles.bottomNavigation.iconSize}
color={styles.bottomNavigation.iconColor}
onPress={() => navigation.navigate(button.to)}
/>
) : (
<Icon
key={button.key}
name={button.iconName}
size={styles.bottomNavigation.iconSize}
color={styles.bottomNavigation.disabledIconColor}
/>
)
))
}
</View>
)
}
export default BottomNavigation;