Skip to content

Commit 835d678

Browse files
Sankhadeep RoySankhadeep Roy
Sankhadeep Roy
authored and
Sankhadeep Roy
committed
components separated
0 parents  commit 835d678

211 files changed

Lines changed: 131450 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.DS_Store‎

8 KB
Binary file not shown.

‎Components/.DS_Store‎

12 KB
Binary file not shown.

‎Components/Base/NativeBaseComponent.js‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/* @flow */
2+
'use strict';
3+
4+
import React, {Component, View} from 'react-native';
5+
import darkTheme from '../Themes/dark';
6+
7+
8+
export default class NativeBaseComponent extends Component {
9+
static contextTypes = {
10+
theme: React.PropTypes.object
11+
}
12+
13+
getTheme() {
14+
return this.context.theme || darkTheme
15+
}
16+
}

‎Components/Styles/.DS_Store‎

6 KB
Binary file not shown.

‎Components/Styles/bootstrap.js‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
/* @flow */
2+
'use strict';
3+
4+
var React = require('react-native');
5+
var primary = require('./variable').brandPrimary
6+
var secondary = require('./variable').brandSecondary
7+
var {
8+
StyleSheet,
9+
Dimensions,
10+
PixelRatio
11+
} = React;
12+
var deviceHeight = Dimensions.get('window').height;
13+
14+
module.exports = StyleSheet.create({
15+
button: {
16+
padding: 10,
17+
borderColor: 'transparent',
18+
alignSelf: 'stretch',
19+
height: 45,
20+
marginTop: 18,
21+
marginLeft: 10,
22+
marginRight: 10,
23+
shadowColor: '#000',
24+
shadowOffset: {width: 1, height: 2},
25+
shadowOpacity: 0.2,
26+
shadowRadius: 3,
27+
alignItems: 'center'
28+
},
29+
buttonText: {
30+
fontSize: 18
31+
},
32+
circularButton: {
33+
padding: 25,
34+
alignSelf: 'center',
35+
borderRadius: 40,
36+
width: 80,
37+
height: 80,
38+
marginTop: 28,
39+
paddingRight: 10,
40+
shadowColor: '#000',
41+
shadowOffset: {width: 2, height: 2},
42+
shadowOpacity: 0.2,
43+
shadowRadius: 4
44+
},
45+
circularButtonText: {
46+
color: '#fff',
47+
fontSize: 10,
48+
marginTop: -12,
49+
marginLeft: -5
50+
},
51+
textIconInput: {
52+
height: 40,
53+
backgroundColor: 'transparent',
54+
paddingLeft: 40
55+
},
56+
textInput: {
57+
height: 40,
58+
backgroundColor: 'transparent',
59+
},
60+
light: {
61+
color: '#fff'
62+
},
63+
dark: {
64+
color: '#000'
65+
},
66+
outerBorder: {
67+
position:'relative',
68+
borderColor: 'white',
69+
borderWidth: 1 / PixelRatio.get(),
70+
borderTopWidth: 0,
71+
borderRightWidth: 0,
72+
borderLeftWidth: 0,
73+
margin: 15,
74+
marginTop: 5
75+
},
76+
darkborder: {
77+
borderColor: '#000',
78+
},
79+
lightborder: {
80+
borderColor: '#fff',
81+
},
82+
underline: {
83+
position:'relative',
84+
borderWidth: 1 / PixelRatio.get(),
85+
borderTopWidth: 0,
86+
borderRightWidth: 0,
87+
borderLeftWidth: 0,
88+
margin: 15,
89+
marginTop: 5
90+
},
91+
92+
bordered: {
93+
position:'relative',
94+
borderWidth: 1 / PixelRatio.get(),
95+
margin: 15,
96+
marginTop: 5
97+
},
98+
99+
rounded: {
100+
position:'relative',
101+
borderWidth: 1 / PixelRatio.get(),
102+
borderRadius: 30,
103+
margin: 15,
104+
marginTop: 5
105+
}
106+
});
107+

‎Components/Styles/circularbutton.js‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
2+
3+
/* @flow */
4+
'use strict';
5+
6+
var React = require('react-native');
7+
var primary = require('./variable').brandPrimary
8+
var secondary = require('./variable').brandSecondary
9+
10+
var {
11+
StyleSheet,
12+
Dimensions,
13+
PixelRatio
14+
} = React;
15+
var deviceHeight = Dimensions.get('window').height;
16+
17+
module.exports = StyleSheet.create({
18+
circularButton: {
19+
padding: 25,
20+
alignSelf: 'center',
21+
borderRadius: 40,
22+
width: 80,
23+
height: 80,
24+
marginTop: 28,
25+
paddingRight: 10,
26+
shadowColor: '#000',
27+
shadowOffset: {width: 2, height: 2},
28+
shadowOpacity: 0.2,
29+
shadowRadius: 4
30+
},
31+
circularButtonText: {
32+
color: '#fff',
33+
fontSize: 10,
34+
marginTop: -12,
35+
marginLeft: -5
36+
},
37+
});
38+

‎Components/Styles/footer.js‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
/* @flow */
2+
'use strict';
3+
4+
var React = require('react-native');
5+
6+
var {
7+
StyleSheet,
8+
Dimensions
9+
} = React;
10+
var deviceHeight = Dimensions.get('window').height;
11+
12+
module.exports = StyleSheet.create({
13+
footer: {
14+
position: 'absolute',
15+
flexDirection : 'row',
16+
bottom: 0,
17+
left: 0,
18+
right: 0,
19+
height: 55,
20+
justifyContent: 'space-around',
21+
backgroundColor: 'rgba(255,255,255,0.2)'
22+
},
23+
});
24+

‎Components/Styles/input.js‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
/* @flow */
2+
'use strict';
3+
4+
var React = require('react-native');
5+
var primary = require('./variable').brandPrimary
6+
var secondary = require('./variable').brandSecondary
7+
8+
var {
9+
StyleSheet,
10+
Dimensions,
11+
PixelRatio
12+
} = React;
13+
var deviceHeight = Dimensions.get('window').height;
14+
15+
module.exports = {
16+
textInput: {
17+
height: 40,
18+
backgroundColor: 'transparent',
19+
},
20+
outerBorder: {
21+
position:'relative',
22+
borderColor: 'white',
23+
borderWidth: 1 / PixelRatio.get(),
24+
borderTopWidth: 0,
25+
borderRightWidth: 0,
26+
borderLeftWidth: 0,
27+
margin: 15,
28+
marginTop: 5
29+
},
30+
darkborder: {
31+
borderColor: '#000',
32+
},
33+
lightborder: {
34+
borderColor: '#fff',
35+
},
36+
underline: {
37+
position:'relative',
38+
borderWidth: 1 / PixelRatio.get(),
39+
borderTopWidth: 0,
40+
borderRightWidth: 0,
41+
borderLeftWidth: 0,
42+
margin: 15,
43+
marginTop: 5
44+
},
45+
46+
bordered: {
47+
position:'relative',
48+
borderWidth: 1 / PixelRatio.get(),
49+
margin: 15,
50+
marginTop: 5
51+
},
52+
53+
rounded: {
54+
position:'relative',
55+
borderWidth: 1 / PixelRatio.get(),
56+
borderRadius: 30,
57+
margin: 15,
58+
marginTop: 5
59+
}
60+
};
61+

‎Components/Styles/navbar.js‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
/* @flow */
2+
'use strict';
3+
4+
var React = require('react-native');
5+
var primary = require('./variable').brandPrimary;
6+
var secondary = require('./variable').brandSecondary;
7+
8+
var {
9+
StyleSheet,
10+
Platform
11+
} = React;
12+
13+
module.exports = {
14+
navbar: {
15+
backgroundColor: secondary,
16+
justifyContent: 'space-between',
17+
flexDirection: 'row',
18+
padding: 15,
19+
paddingTop: 25,
20+
shadowColor: '#000',
21+
shadowOffset: {width: 0, height: 2},
22+
shadowOpacity: 0.1,
23+
shadowRadius: 1.5,
24+
height: 65
25+
},
26+
title : {
27+
color: '#fff',
28+
fontSize: 20,
29+
fontWeight: "500",
30+
alignSelf: 'center'
31+
},
32+
subtitle : {
33+
color: '#fff',
34+
fontSize: 16,
35+
alignSelf: 'center'
36+
}
37+
};

‎Components/Styles/variable.js‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
var Color = require("color")
2+
3+
var primary = Color("#384850");
4+
var secondary = Color("#00c497");
5+
var success = Color("#428F26");
6+
var danger = Color("#B74D4A");
7+
var warning = Color("#CBAC3E");
8+
var sidebar = Color("#252932");
9+
var dark = Color("rgba(0,0,0,0.8)");
10+
var light = Color("rgba(255,255,255,0.8)");
11+
12+
var darken = primary.darken(0.2).hexString().toString();
13+
14+
module.exports = {
15+
brandPrimary : primary.hexString().toString(),
16+
brandSecondary: secondary.hexString().toString(),
17+
brandSuccess: success.hexString().toString(),
18+
brandDanger: danger.hexString().toString(),
19+
brandWarning: warning.hexString().toString(),
20+
brandSidebar: sidebar.hexString().toString(),
21+
darker: darken,
22+
dark: dark.hexString().toString(),
23+
light: light.hexString().toString()
24+
}

0 commit comments

Comments
 (0)