pecfest_app/navBar.js at master · mgoyal20/pecfest_app · 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
105
106
107
108
109
110
import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View,
  Dimensions,
  Alert,
  TouchableNativeFeedback,
  Image,
  ScrollView
} from 'react-native';


const colors = { selected: '#ff5a5f', normal: '#a5a59a' , teal: '#000032'};


export default class NavBar extends Component{


	render(){

		return (
			<View style={styles.navBar}>
        <TouchableNativeFeedback  background={TouchableNativeFeedback.Ripple(colors.teal, true)}>
          <View style={styles.navButton} />
        </TouchableNativeFeedback>
      </View>
		)

	}
}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#eeeeee',
  },


  navButton: {
    position: 'absolute',
    left:0,
    top:0,
    backgroundColor: '#ffffff',
    width:56,
    height: 56,
  },

  navBar:{
    position: 'absolute',
    top: 0,
    height: 56,
    right: 0,
    left: 0,
    backgroundColor: '#ac120c',
    flexDirection: 'row'
  },

  scrollContainer: {
    position: 'absolute',
    top: 56,
    right: 0,
    left: 0,
    bottom:0,
    backgroundColor: '#ffffff'
  },

  tabBarStyle: {
  	flexDirection: 'row',
  	backgroundColor: '#ffffff',
  },

  underLineStyle: {
  	backgroundColor: '#a51c30',
  	height: 1.5,
  },
  indicator: {
    backgroundColor: '#a51c30',
  },

  tab: {
  	width: Dimensions.get('window').width/2,
  },

  label: {
    color: '#a5a59a',
    //fontWeight: '500',
    fontFamily: 'Montserrat-Light',

  },
  categoryLabel: {
    color: '#008489',
    //fontWeight: '500',
    fontFamily: 'Montserrat-Light',
    fontSize: 26,

  },


  category: {
  	backgroundColor: "#ffffff",
  	justifyContent: 'center',
  	alignItems: 'center',
  	//marginTop: 10,
  	flex:1,

  }
});