forked from Kureev/react-native-navbar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.js
54 lines (52 loc) · 1.06 KB
/
styles.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
const React = require('react-native');
const NAV_BAR_HEIGHT = 44;
const STATUS_BAR_HEIGHT = 20;
const NAV_HEIGHT = NAV_BAR_HEIGHT + STATUS_BAR_HEIGHT;
module.exports = React.StyleSheet.create({
navBarContainer: {
height: NAV_HEIGHT,
backgroundColor: 'white',
paddingBottom: 5,
borderBottomColor: 'rgba(0, 0, 0, 0.5)',
borderBottomWidth: 1 / React.PixelRatio.get(),
},
navBar: {
height: NAV_HEIGHT,
flexDirection: 'row',
justifyContent: 'space-between',
},
customTitle: {
position: 'absolute',
alignItems: 'center',
bottom: 5,
left: 0,
right: 0,
},
navBarText: {
fontSize: 16,
marginVertical: 10,
flex: 2,
textAlign: 'center',
},
navBarTitle: {
flex: 1,
marginVertical: 20,
},
navBarTitleText: {
color: '#373e4d',
fontWeight: '500',
paddingHorizontal: 10,
flex: 0,
},
navBarLeftButton: {
paddingLeft: 10,
marginVertical: 20,
},
navBarRightButton: {
marginVertical: 20,
paddingRight: 10,
},
navBarButtonText: {
color: '#5890ff',
},
});