Skip to content
This repository was archived by the owner on Mar 30, 2022. It is now read-only.

Commit f861086

Browse files
dabit3dabit3
committed
replaced components with react-native-elements
1 parent 0dd09bb commit f861086

File tree

20 files changed

+130
-87
lines changed

20 files changed

+130
-87
lines changed

‎README.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -53,10 +53,6 @@ import Button from 'HSButton'
5353
- [ ] Add Search Bar
5454
- [ ] Add Side Menu
5555

56-
##### Todo Major
57-
- [ ] Separate into separate installable NPM package
58-
59-
6056
# API
6157

6258
## Buttons

‎android/app/src/main/assets/fonts/Lato-Black.ttf

112 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-BlackItalic.ttf

109 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-Bold.ttf

119 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-BoldItalic.ttf

117 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-Hairline.ttf

113 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-HairlineItalic.ttf

89.3 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-Italic.ttf

116 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-Light.ttf

120 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-LightItalic.ttf

89.5 KB
Binary file not shown.

‎android/app/src/main/assets/fonts/Lato-Regular.ttf

117 KB
Binary file not shown.

‎ios/HackathonStarter.xcodeproj/project.pbxproj

Lines changed: 40 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
};
66
objectVersion = 46;
77
objects = {
8-
98
/* Begin PBXBuildFile section */
109
00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
1110
00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@@ -43,6 +42,16 @@
4342
BB4EFDE35B9B48FBB7955E98 /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 53408AB85E6744AEB2B3CB11 /* Octicons.ttf */; };
4443
C83AA457D96B4689A0BEBAAA /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C15A7C93DBFC439BB6275C71 /* MaterialIcons.ttf */; };
4544
F0BD31136ACF465FA20965D4 /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 39E4A3E4E0D64536A8DA5315 /* Entypo.ttf */; };
45+
BEA50F0F31BE41C0B9C25C6B /* Lato-Black.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B5D714335E314167803CC226 /* Lato-Black.ttf */; };
46+
E160719AB5B24B58BE468357 /* Lato-BlackItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CF8D7CD801384ABA8D47AC6A /* Lato-BlackItalic.ttf */; };
47+
13BF1FCE13D44E1D8EEE3C3A /* Lato-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 817B927AB42F43DAAF707144 /* Lato-Bold.ttf */; };
48+
67CF5CAE793C432EA7AFFE62 /* Lato-BoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BB08738F10974F6DA820158C /* Lato-BoldItalic.ttf */; };
49+
28CB7B10B9C3436E8D4E1DC7 /* Lato-Hairline.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 97E5434222A940A6828CABB8 /* Lato-Hairline.ttf */; };
50+
5C66347DE2BB4878988F0C5B /* Lato-HairlineItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 734E653A1D824BB2AE6FB31D /* Lato-HairlineItalic.ttf */; };
51+
7B60D3821F64441D88647E09 /* Lato-Italic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8C60AE82C4A34B8FB169A249 /* Lato-Italic.ttf */; };
52+
1280FF7CBD8C4D719FBB1FF7 /* Lato-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 9B626048C9FA4C01BBD7DFE6 /* Lato-Light.ttf */; };
53+
0CB776D6D479490587C22A8A /* Lato-LightItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 95AC6A037D0F43D6B6185981 /* Lato-LightItalic.ttf */; };
54+
8B8E9F1117AE47339BC499A6 /* Lato-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = A6BDC9E55A114FEC9D48276F /* Lato-Regular.ttf */; };
4655
/* End PBXBuildFile section */
4756

4857
/* Begin PBXContainerItemProxy section */
@@ -175,6 +184,16 @@
175184
9533E42A591A44D19B4240FA /* RNVectorIcons.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNVectorIcons.xcodeproj; path = "../node_modules/react-native-vector-icons/RNVectorIcons.xcodeproj"; sourceTree = "<group>"; };
176185
C15A7C93DBFC439BB6275C71 /* MaterialIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = MaterialIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = "<group>"; };
177186
DEC8E93F596A408F91483032 /* EvilIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = EvilIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = "<group>"; };
187+
B5D714335E314167803CC226 /* Lato-Black.ttf */ = {isa = PBXFileReference; name = "Lato-Black.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-Black.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
188+
CF8D7CD801384ABA8D47AC6A /* Lato-BlackItalic.ttf */ = {isa = PBXFileReference; name = "Lato-BlackItalic.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-BlackItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
189+
817B927AB42F43DAAF707144 /* Lato-Bold.ttf */ = {isa = PBXFileReference; name = "Lato-Bold.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
190+
BB08738F10974F6DA820158C /* Lato-BoldItalic.ttf */ = {isa = PBXFileReference; name = "Lato-BoldItalic.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-BoldItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
191+
97E5434222A940A6828CABB8 /* Lato-Hairline.ttf */ = {isa = PBXFileReference; name = "Lato-Hairline.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-Hairline.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
192+
734E653A1D824BB2AE6FB31D /* Lato-HairlineItalic.ttf */ = {isa = PBXFileReference; name = "Lato-HairlineItalic.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-HairlineItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
193+
8C60AE82C4A34B8FB169A249 /* Lato-Italic.ttf */ = {isa = PBXFileReference; name = "Lato-Italic.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-Italic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
194+
9B626048C9FA4C01BBD7DFE6 /* Lato-Light.ttf */ = {isa = PBXFileReference; name = "Lato-Light.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
195+
95AC6A037D0F43D6B6185981 /* Lato-LightItalic.ttf */ = {isa = PBXFileReference; name = "Lato-LightItalic.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-LightItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
196+
A6BDC9E55A114FEC9D48276F /* Lato-Regular.ttf */ = {isa = PBXFileReference; name = "Lato-Regular.ttf"; path = "../node_modules/react-native-elements/Fonts/Lato-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
178197
/* End PBXFileReference section */
179198

180199
/* Begin PBXFrameworksBuildPhase section */
@@ -397,6 +416,16 @@
397416
C15A7C93DBFC439BB6275C71 /* MaterialIcons.ttf */,
398417
53408AB85E6744AEB2B3CB11 /* Octicons.ttf */,
399418
0CFF8166CE3842A0B776CBB8 /* Zocial.ttf */,
419+
B5D714335E314167803CC226 /* Lato-Black.ttf */,
420+
CF8D7CD801384ABA8D47AC6A /* Lato-BlackItalic.ttf */,
421+
817B927AB42F43DAAF707144 /* Lato-Bold.ttf */,
422+
BB08738F10974F6DA820158C /* Lato-BoldItalic.ttf */,
423+
97E5434222A940A6828CABB8 /* Lato-Hairline.ttf */,
424+
734E653A1D824BB2AE6FB31D /* Lato-HairlineItalic.ttf */,
425+
8C60AE82C4A34B8FB169A249 /* Lato-Italic.ttf */,
426+
9B626048C9FA4C01BBD7DFE6 /* Lato-Light.ttf */,
427+
95AC6A037D0F43D6B6185981 /* Lato-LightItalic.ttf */,
428+
A6BDC9E55A114FEC9D48276F /* Lato-Regular.ttf */,
400429
);
401430
name = Resources;
402431
sourceTree = "<group>";
@@ -633,6 +662,16 @@
633662
C83AA457D96B4689A0BEBAAA /* MaterialIcons.ttf in Resources */,
634663
BB4EFDE35B9B48FBB7955E98 /* Octicons.ttf in Resources */,
635664
B7D2E392797C456FB2285134 /* Zocial.ttf in Resources */,
665+
BEA50F0F31BE41C0B9C25C6B /* Lato-Black.ttf in Resources */,
666+
E160719AB5B24B58BE468357 /* Lato-BlackItalic.ttf in Resources */,
667+
13BF1FCE13D44E1D8EEE3C3A /* Lato-Bold.ttf in Resources */,
668+
67CF5CAE793C432EA7AFFE62 /* Lato-BoldItalic.ttf in Resources */,
669+
28CB7B10B9C3436E8D4E1DC7 /* Lato-Hairline.ttf in Resources */,
670+
5C66347DE2BB4878988F0C5B /* Lato-HairlineItalic.ttf in Resources */,
671+
7B60D3821F64441D88647E09 /* Lato-Italic.ttf in Resources */,
672+
1280FF7CBD8C4D719FBB1FF7 /* Lato-Light.ttf in Resources */,
673+
0CB776D6D479490587C22A8A /* Lato-LightItalic.ttf in Resources */,
674+
8B8E9F1117AE47339BC499A6 /* Lato-Regular.ttf in Resources */,
636675
);
637676
runOnlyForDeploymentPostprocessing = 0;
638677
};

‎ios/HackathonStarter/Info.plist

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,16 @@
2222
<string>MaterialIcons.ttf</string>
2323
<string>Octicons.ttf</string>
2424
<string>Zocial.ttf</string>
25+
<string>Lato-Black.ttf</string>
26+
<string>Lato-BlackItalic.ttf</string>
27+
<string>Lato-Bold.ttf</string>
28+
<string>Lato-BoldItalic.ttf</string>
29+
<string>Lato-Hairline.ttf</string>
30+
<string>Lato-HairlineItalic.ttf</string>
31+
<string>Lato-Italic.ttf</string>
32+
<string>Lato-Light.ttf</string>
33+
<string>Lato-LightItalic.ttf</string>
34+
<string>Lato-Regular.ttf</string>
2535
</array>
2636
<key>CFBundleDevelopmentRegion</key>
2737
<string>en</string>

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
"lodash": "^4.15.0",
1010
"react": "15.3.1",
1111
"react-native": "0.32.0",
12+
"react-native-elements": "0.0.6",
1213
"react-native-tab-navigator": "^0.3.3",
1314
"react-native-vector-icons": "^2.1.0",
1415
"react-redux": "^4.4.5",

‎src/about/About.js

Lines changed: 31 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
11
import React, { Component } from 'react'
22
import { ScrollView, View, StyleSheet, Image } from 'react-native'
3-
import Text from 'HSText'
4-
import Card from 'HSCard'
53
import colors from 'HSColors'
6-
import SocialIcon from 'HSSocialIcon'
74
import Icon from 'react-native-vector-icons/MaterialIcons'
85

6+
import {
7+
RNEText,
8+
RNECard,
9+
RNESocialIcon
10+
} from 'react-native-elements'
11+
912
let styles = {}
1013

1114
const users = [
@@ -41,10 +44,10 @@ class About extends Component {
4144
<ScrollView>
4245
<View style={styles.headerContainer}>
4346
<Icon color='white' name='invert-colors' size={62} />
44-
<Text style={styles.heading}>Components</Text>
47+
<RNEText style={styles.heading}>Components</RNEText>
4548
</View>
4649
<View style={styles.container}>
47-
<Card
50+
<RNECard
4851
title='CARD WITH DIVIDER'>
4952
{
5053
users.map((u, i) => {
@@ -54,68 +57,68 @@ class About extends Component {
5457
style={styles.image}
5558
resizeMode='center'
5659
source={{uri: u.avatar}} />
57-
<Text style={styles.name}>{u.name}</Text>
60+
<RNEText style={styles.name}>{u.name}</RNEText>
5861
</View>
5962
)
6063
})
6164
}
62-
</Card>
63-
<Card containerStyle={{marginTop: 15}} title='FONTS'>
64-
<Text style={styles.fonts} h1>h1 Heading</Text>
65-
<Text style={styles.fonts} h2>h2 Heading</Text>
66-
<Text style={styles.fonts} h3>h3 Heading</Text>
67-
<Text style={styles.fonts} h4>h4 Heading</Text>
68-
<Text style={styles.fonts} >Normal Text</Text>
69-
</Card>
70-
<Card
65+
</RNECard>
66+
<RNECard containerStyle={{marginTop: 15}} title='FONTS'>
67+
<RNEText style={styles.fonts} h1>h1 Heading</RNEText>
68+
<RNEText style={styles.fonts} h2>h2 Heading</RNEText>
69+
<RNEText style={styles.fonts} h3>h3 Heading</RNEText>
70+
<RNEText style={styles.fonts} h4>h4 Heading</RNEText>
71+
<RNEText style={styles.fonts} >Normal Text</RNEText>
72+
</RNECard>
73+
<RNECard
7174
title='SOCIAL ICONS'
7275
containerStyle={{marginTop: 15}}>
7376
<View style={styles.social}>
74-
<SocialIcon
77+
<RNESocialIcon
7578
type='facebook'
7679
/>
77-
<SocialIcon
80+
<RNESocialIcon
7881
type='twitter'
7982
/>
80-
<SocialIcon
83+
<RNESocialIcon
8184
type='instagram'
8285
/>
83-
<SocialIcon
86+
<RNESocialIcon
8487
type='tumblr'
8588
/>
86-
<SocialIcon
89+
<RNESocialIcon
8790
type='youtube'
8891
/>
8992
</View>
90-
</Card>
91-
<Card
93+
</RNECard>
94+
<RNECard
9295
containerStyle={{marginTop: 15}}
9396
title='SOCIAL BUTTONS'>
9497
<View style={styles.socialButtons}>
95-
<SocialIcon
98+
<RNESocialIcon
9699
title='Sign In With Facebook'
97100
button
98101
type='facebook'
99102
/>
100-
<SocialIcon
103+
<RNESocialIcon
101104
title='Some Twitter Message'
102105
button
103106
type='twitter'
104107
/>
105-
<SocialIcon
108+
<RNESocialIcon
106109
button
107110
type='instagram'
108111
/>
109-
<SocialIcon
112+
<RNESocialIcon
110113
button
111114
type='tumblr'
112115
/>
113-
<SocialIcon
116+
<RNESocialIcon
114117
button
115118
type='youtube'
116119
/>
117120
</View>
118-
</Card>
121+
</RNECard>
119122
</View>
120123
</ScrollView>
121124
)

‎src/components/icons/Chevron.js

Lines changed: 0 additions & 18 deletions
This file was deleted.

‎src/contact/Contact.js

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,15 @@
11
import React, { Component } from 'react'
22
import { ScrollView, View, StyleSheet } from 'react-native'
3-
import Text from 'HSText'
43
import colors from 'HSColors'
5-
import FormInput from 'HSFormInput'
6-
import FormLabel from 'HSFormLabel'
7-
import Button from 'HSButton'
84
import Icon from 'react-native-vector-icons/MaterialIcons'
95

6+
import {
7+
RNEButton,
8+
RNEText,
9+
RNEFormInput,
10+
RNEFormLabel
11+
} from 'react-native-elements'
12+
1013
let styles = {}
1114

1215
class Contact extends Component {
@@ -15,15 +18,15 @@ class Contact extends Component {
1518
<ScrollView>
1619
<View style={styles.headingContainer}>
1720
<Icon color='white' name='pets' size={62} />
18-
<Text style={styles.heading}>Forms</Text>
21+
<RNEText style={styles.heading}>Forms</RNEText>
1922
</View>
20-
<FormLabel containerStyle={styles.labelContainerStyle}>Name</FormLabel>
21-
<FormInput placeholder='Please enter your name...' />
22-
<FormLabel containerStyle={styles.labelContainerStyle}>Address</FormLabel>
23-
<FormInput placeholder='Please enter your address...' />
24-
<FormLabel containerStyle={styles.labelContainerStyle}>Phone</FormLabel>
25-
<FormInput placeholder='Please enter your phone number...' />
26-
<Button
23+
<RNEFormLabel containerStyle={styles.labelContainerStyle}>Name</RNEFormLabel>
24+
<RNEFormInput placeholder='Please enter your name...' />
25+
<RNEFormLabel containerStyle={styles.labelContainerStyle}>Address</RNEFormLabel>
26+
<RNEFormInput placeholder='Please enter your address...' />
27+
<RNEFormLabel containerStyle={styles.labelContainerStyle}>Phone</RNEFormLabel>
28+
<RNEFormInput placeholder='Please enter your phone number...' />
29+
<RNEButton
2730
onPress={() => console.log('yo')}
2831
icon={{name: 'done'}}
2932
buttonStyle={{marginTop: 15}}

‎src/home/Home.js

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
11
import React, { Component } from 'react'
22
import { ScrollView, View, StyleSheet, Platform } from 'react-native'
33
import Text from 'HSText'
4-
import Button from 'HSButton'
54
import colors from 'HSColors'
65
import fonts from 'HSFonts'
76
import Icon from 'react-native-vector-icons/MaterialIcons'
87

8+
import {
9+
RNEButton
10+
} from 'react-native-elements'
11+
912
let styles = {}
1013

1114
const log = () => {
@@ -20,30 +23,30 @@ class Home extends Component {
2023
<Icon color='white' name='whatshot' size={62} />
2124
<Text style={styles.heading}>Buttons</Text>
2225
</View>
23-
<Button
26+
<RNEButton
2427
buttonStyle={styles.button}
2528
onPress={() => log()}
2629
title='PRIMARY BUTTON' />
27-
<Button
30+
<RNEButton
2831
icon={{name: 'cached'}}
2932
title='PRIMARY WITH ICON' />
30-
<Button
33+
<RNEButton
3134
raised
3235
icon={{name: 'cached'}}
3336
title='RAISED WITH ICON' />
34-
<Button
37+
<RNEButton
3538
secondary
3639
icon={{name: 'accessibility'}}
3740
title='SECONDARY BUTTON' />
38-
<Button
41+
<RNEButton
3942
secondary2
4043
icon={{name: 'account-balance'}}
4144
title='SECONDARY2 BUTTON' />
42-
<Button
45+
<RNEButton
4346
secondary3
4447
icon={{name: 'change-history'}}
4548
title='SECONDARY3 BUTTON' />
46-
<Button
49+
<RNEButton
4750
buttonStyle={[{marginBottom: 15}]}
4851
icon={{name: 'code'}}
4952
backgroundColor={colors.grey1}

0 commit comments

Comments
 (0)