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

Commit 782433e

Browse files
dabit3dabit3
committed
updated to use latest elements
1 parent ad5bcdc commit 782433e

4 files changed

Lines changed: 191 additions & 24 deletions

File tree

‎ios/HackathonStarter.xcodeproj/project.pbxproj‎

Lines changed: 0 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 */; };

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "HackathonStarter",
3-
"version": "0.0.2",
3+
"version": "0.4.0",
44
"private": true,
55
"scripts": {
66
"start": "node node_modules/react-native/local-cli/cli.js start"
@@ -9,7 +9,7 @@
99
"lodash": "^4.15.0",
1010
"react": "15.3.1",
1111
"react-native": "0.33.0",
12-
"react-native-elements": "0.4.2",
12+
"react-native-elements": "0.4.6",
1313
"react-native-tab-navigator": "^0.3.3",
1414
"react-native-vector-icons": "^2.1.0",
1515
"react-redux": "^4.4.5",

‎src/about/About.js‎

Lines changed: 153 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,12 @@ import {
77
Text,
88
Card,
99
SocialIcon,
10+
Divider,
1011
ButtonGroup
1112
} from 'react-native-elements'
1213

14+
import * as RNElements from 'react-native-elements'
15+
1316
let styles = {}
1417

1518
const users = [
@@ -90,10 +93,157 @@ class About extends Component {
9093
<Text style={styles.fonts} h4>h4 Heading</Text>
9194
<Text style={styles.fonts} >Normal Text</Text>
9295
</Card>
96+
<Card
97+
title='ICONS'
98+
containerStyle={{marginTop: 15}}>
99+
<View style={[styles.social, {marginTop: 15, marginBottom: 15, justifyContent: 'space-around'}]}>
100+
<RNElements.Icon
101+
onPress={() => console.log('hello')}
102+
type='font-awesome'
103+
color='#e14329'
104+
name='hashtag' />
105+
<RNElements.Icon
106+
onPress={() => console.log('hello')}
107+
type='font-awesome'
108+
color='#02b875'
109+
name='rocket' />
110+
<RNElements.Icon
111+
onPress={() => console.log('hello')}
112+
color='#000000'
113+
name='snapchat-ghost'
114+
type='font-awesome' />
115+
<RNElements.Icon
116+
color='#6441A5'
117+
name='btc'
118+
type='font-awesome'
119+
onPress={() => console.log('hello')} />
120+
<RNElements.Icon
121+
color='#f50'
122+
name='heartbeat'
123+
type='font-awesome'
124+
onPress={() => console.log('hello')} />
125+
</View>
126+
<View style={[styles.social,{marginTop: 15, marginBottom: 15, justifyContent: 'space-around'}]}>
127+
<RNElements.Icon
128+
name='rowing'
129+
color='#673AB7'
130+
onPress={() => console.log('hello')} />
131+
<RNElements.Icon
132+
name='g-translate'
133+
color='#03A9F4'
134+
onPress={() => console.log('hello')} />
135+
<RNElements.Icon
136+
color='#009688'
137+
name='sc-telegram'
138+
type='evilicon'
139+
onPress={() => console.log('hello')} />
140+
<RNElements.Icon
141+
color='#8BC34A'
142+
name='social-apple'
143+
type='foundation'
144+
onPress={() => console.log('hello')} />
145+
<RNElements.Icon
146+
color='#FFC107'
147+
name='ios-american-football'
148+
type='ionicon'
149+
onPress={() => console.log('hello')} />
150+
</View>
151+
152+
<View>
153+
<View style={[styles.social,{ justifyContent: 'space-around'}]}>
154+
<RNElements.Icon
155+
raised
156+
name='vpn-key'
157+
color='#E91E63'
158+
onPress={() => console.log('hello')} />
159+
<RNElements.Icon
160+
raised
161+
name='ring-volume'
162+
color='#3F51B5'
163+
onPress={() => console.log('hello')} />
164+
<RNElements.Icon
165+
raised
166+
color='#00BCD4'
167+
name='weekend'
168+
onPress={() => console.log('hello')} />
169+
<RNElements.Icon
170+
raised
171+
color='#CDDC39'
172+
name='bubble-chart'
173+
onPress={() => console.log('hello')} />
174+
<RNElements.Icon
175+
raised
176+
color='#FF5722'
177+
name='burst-mode'
178+
onPress={() => console.log('hello')} />
179+
</View>
180+
</View>
181+
182+
<View style={[styles.social,{ justifyContent: 'space-around'}]}>
183+
<RNElements.Icon
184+
reverse
185+
raised
186+
name='account-balance'
187+
color='#673AB7'
188+
onPress={() => console.log('hello')} />
189+
<RNElements.Icon
190+
reverse
191+
raised
192+
name='android'
193+
color='#03A9F4'
194+
onPress={() => console.log('hello')} />
195+
<RNElements.Icon
196+
reverse
197+
raised
198+
color='#009688'
199+
name='code'
200+
onPress={() => console.log('hello')} />
201+
<RNElements.Icon
202+
reverse
203+
raised
204+
color='#8BC34A'
205+
name='card-travel'
206+
onPress={() => console.log('hello')} />
207+
<RNElements.Icon
208+
reverse
209+
raised
210+
color='#FF9800'
211+
name='extension'
212+
onPress={() => console.log('hello')} />
213+
</View>
214+
215+
<View style={[styles.social,{ justifyContent: 'space-around'}]}>
216+
<RNElements.Icon
217+
reverse
218+
name='group-work'
219+
color='#E91E63'
220+
onPress={() => console.log('hello')} />
221+
<RNElements.Icon
222+
reverse
223+
name='lightbulb-outline'
224+
color='#3F51B5'
225+
onPress={() => console.log('hello')} />
226+
<RNElements.Icon
227+
reverse
228+
color='#00BCD4'
229+
name='pets'
230+
onPress={() => console.log('hello')} />
231+
<RNElements.Icon
232+
reverse
233+
color='#CDDC39'
234+
name='polymer'
235+
onPress={() => console.log('hello')} />
236+
<RNElements.Icon
237+
reverse
238+
color='#FF5722'
239+
name='touch-app'
240+
onPress={() => console.log('hello')} />
241+
</View>
242+
</Card>
93243
<Card
94244
title='SOCIAL ICONS'
95245
containerStyle={{marginTop: 15}}>
96-
<View style={styles.social}>
246+
<View style={[styles.social, { marginTop: 13, justifyContent: 'space-around'}]}>
97247
<SocialIcon
98248
raised={false}
99249
type='gitlab'
@@ -114,7 +264,7 @@ class About extends Component {
114264
type='soundcloud'
115265
/>
116266
</View>
117-
<View style={styles.social}>
267+
<View style={[styles.social, { marginTop: 13, justifyContent: 'space-around'}]}>
118268
<SocialIcon
119269
raised={false}
120270
type='facebook'
@@ -141,7 +291,7 @@ class About extends Component {
141291
<Card
142292
title='LIGHT SOCIAL ICONS'
143293
containerStyle={{marginTop: 15}}>
144-
<View style={styles.social}>
294+
<View style={[styles.social, {justifyContent: 'space-around'}]}>
145295
<SocialIcon
146296
light
147297
raised={false}

‎src/home/Home.js‎

Lines changed: 36 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -18,115 +18,133 @@ const log = () => {
1818

1919
class Home extends Component {
2020
render () {
21-
console.log('props:::', this.props)
2221
const { toggleSideMenu } = this.props
2322
return (
24-
<ScrollView style={{backgroundColor: 'white'}}>
23+
<ScrollView
24+
ref='ScrollView'
25+
style={{backgroundColor: 'white'}}>
2526
<View style={styles.hero}>
2627
<Icon color='white' name='whatshot' size={62} />
2728
<Text style={styles.heading}>Buttons</Text>
2829
</View>
2930
<Button
31+
fontFamily='Lato'
3032
small
31-
backgroundColor={socialColors.facebook}
33+
backgroundColor='#9C27B0'
3234
onPress={() => log()}
3335
title='SMALL BUTTON'
3436
buttonStyle={styles.button} />
3537
<Button
38+
fontFamily='Lato'
3639
small
37-
backgroundColor={socialColors.stumbleupon}
40+
backgroundColor='#2196F3'
3841
icon={{name: 'accessibility'}}
3942
onPress={() => toggleSideMenu()}
4043
title='TOGGLE SIDE MENU'/>
4144
<Button
45+
fontFamily='Lato'
4246
iconRight
4347
small
44-
backgroundColor={socialColors.quora}
48+
backgroundColor='#009688'
4549
icon={{name: 'invert-colors'}}
4650
onPress={() => log()}
4751
title='SMALL WITH RIGHT ICON'/>
4852
<Button
53+
fontFamily='Lato'
4954
iconRight
5055
small
51-
backgroundColor={socialColors.tumblr}
56+
backgroundColor='#8BC34A'
5257
icon={{name: 'motorcycle'}}
5358
onPress={() => log()}
5459
title='SMALL WITH RIGHT ICON'/>
5560
<Button
61+
fontFamily='Lato'
5662
raised
5763
small
58-
backgroundColor={socialColors.foursquare}
64+
backgroundColor='#FFC107'
5965
icon={{name: 'card-travel'}}
6066
onPress={() => log()}
6167
title='SMALL BUTTON RAISED'/>
6268
<Button
69+
fontFamily='Lato'
6370
raised
6471
small
65-
backgroundColor={socialColors.vimeo}
72+
backgroundColor='#FF5722'
6673
icon={{name: 'touch-app'}}
6774
onPress={() => log()}
6875
title='SMALL BUTTON RAISED'/>
6976
<Button
77+
fontFamily='Lato'
7078
raised
7179
small
72-
backgroundColor={socialColors.twitter}
80+
backgroundColor='#9E9E9E'
7381
icon={{name: 'new-releases'}}
7482
onPress={() => log()}
7583
title='SMALL BUTTON RAISED'/>
7684
<Button
85+
fontFamily='Lato'
7786
raised
7887
small
79-
backgroundColor={socialColors.linkedin}
88+
backgroundColor='#E91E63'
8089
icon={{name: 'business'}}
8190
onPress={() => log()}
8291
title='SMALL BUTTON RAISED'/>
8392
<Button
93+
fontFamily='Lato'
8494
raised
8595
small
86-
backgroundColor={socialColors.pinterest}
96+
backgroundColor='#3F51B5'
8797
icon={{name: 'send'}}
8898
onPress={() => log()}
8999
title='SMALL BUTTON RAISED'/>
90100
<Button
101+
fontFamily='Lato'
91102
raised
92103
small
93104
onPress={() => log()}
94105
title='SMALL BUTTON RAISED'/>
95106

96107
<Button
108+
fontFamily='Lato'
97109
onPress={() => log()}
98-
backgroundColor={socialColors.facebook}
110+
backgroundColor='#9C27B0'
99111
title='BUTTON' />
100112
<Button
101-
backgroundColor={socialColors.stumbleupon}
113+
fontFamily='Lato'
114+
backgroundColor='#2196F3'
102115
icon={{name: 'cached'}}
103116
title='BUTTON WITH ICON' />
104117
<Button
105-
backgroundColor={socialColors.quora}
118+
fontFamily='Lato'
119+
backgroundColor='#009688'
106120
raised
107121
icon={{name: 'album'}}
108122
title='RAISED WITH ICON' />
109123
<Button
124+
fontFamily='Lato'
110125
raised
111126
iconRight
112-
backgroundColor={socialColors.tumblr}
127+
backgroundColor='#8BC34A'
113128
icon={{name: 'accessibility'}}
114129
title='RAISED RIGHT ICON' />
115130
<Button
131+
fontFamily='Lato'
116132
raised
117133
iconRight
118-
backgroundColor={socialColors.foursquare}
134+
backgroundColor='#FFC107'
119135
icon={{name: 'account-balance'}}
120136
title='RAISED RIGHT ICON' />
121137
<Button
138+
fontFamily='Lato'
122139
raised
123-
backgroundColor={socialColors.vimeo}
140+
backgroundColor='#FF5722'
124141
icon={{name: 'change-history'}}
125142
title='RAISED WITH ICON' />
126143
<Button
144+
fontFamily='Lato'
127145
buttonStyle={[{marginBottom: 15}]}
128146
icon={{name: 'code'}}
129-
backgroundColor={socialColors.twitter}
147+
backgroundColor='#9E9E9E'
130148
title='ANOTHER BUTTON' />
131149
</ScrollView>
132150
)

0 commit comments

Comments
 (0)