This repository was archived by the owner on Mar 30, 2022. It is now read-only.
File tree 3 files changed +56
-4
lines changed
3 files changed +56
-4
lines changed Original file line number Diff line number Diff line change 9
9
"lodash" : " ^4.15.0" ,
10
10
"react" : " 15.3.1" ,
11
11
"react-native" : " 0.32.0" ,
12
- "react-native-elements" : " 0.3 .2" ,
12
+ "react-native-elements" : " 0.4 .2" ,
13
13
"react-native-tab-navigator" : " ^0.3.3" ,
14
14
"react-native-vector-icons" : " ^2.1.0" ,
15
15
"react-redux" : " ^4.4.5" ,
Original file line number Diff line number Diff line change @@ -6,7 +6,8 @@ import Icon from 'react-native-vector-icons/MaterialIcons'
6
6
import {
7
7
Text ,
8
8
Card ,
9
- SocialIcon
9
+ SocialIcon ,
10
+ ButtonGroup
10
11
} from 'react-native-elements'
11
12
12
13
let styles = { }
@@ -39,13 +40,32 @@ const users = [
39
40
]
40
41
41
42
class About extends Component {
43
+ constructor ( ) {
44
+ super ( )
45
+ this . state = {
46
+ selectedIndex : 0
47
+ }
48
+ this . updateIndex = this . updateIndex . bind ( this )
49
+ }
50
+ updateIndex ( selectedIndex ) {
51
+ this . setState ( { selectedIndex} )
52
+ }
42
53
render ( ) {
54
+ const buttons = [ 'Button1' , 'Button2' ]
55
+ const { selectedIndex } = this . state
43
56
return (
44
57
< ScrollView style = { { backgroundColor : 'white' } } >
45
58
< View style = { styles . headerContainer } >
46
59
< Icon color = 'white' name = 'invert-colors' size = { 62 } />
47
60
< Text style = { styles . heading } > Components</ Text >
48
61
</ View >
62
+ < View style = { { marginTop : 20 } } >
63
+ < ButtonGroup
64
+ textStyle = { { fontSize : 13 } }
65
+ onPress = { this . updateIndex }
66
+ selectedIndex = { selectedIndex }
67
+ buttons = { buttons } />
68
+ </ View >
49
69
< View style = { styles . container } >
50
70
< Card
51
71
title = 'CARD WITH DIVIDER' >
Original file line number Diff line number Diff line change @@ -6,7 +6,8 @@ let styles
6
6
import {
7
7
List ,
8
8
ListItem ,
9
- Text
9
+ Text ,
10
+ SearchBar
10
11
} from 'react-native-elements'
11
12
12
13
const log = ( ) => console . log ( 'this is an example method' )
@@ -86,7 +87,38 @@ class More extends Component {
86
87
< ScrollView style = { styles . mainContainer } >
87
88
< View style = { styles . hero } >
88
89
< Icon color = 'white' name = 'sentiment-very-satisfied' size = { 62 } />
89
- < Text style = { styles . heading } > List</ Text >
90
+ < Text style = { styles . heading } > Searchbar & List </ Text >
91
+ </ View >
92
+ < View style = { { marginTop : 10 , marginBottom : 0 } } >
93
+ < SearchBar
94
+ placeholder = 'Type Here...' />
95
+ </ View >
96
+ < View style = { { marginTop : 10 , marginBottom : 0 } } >
97
+ < SearchBar
98
+ noIcon
99
+ placeholder = 'Type Here...' />
100
+ </ View >
101
+ < View style = { { marginTop : 10 , marginBottom : 0 } } >
102
+ < SearchBar
103
+ round
104
+ placeholder = 'Type Here...' />
105
+ </ View >
106
+ < View style = { { marginTop : 10 , marginBottom : 0 } } >
107
+ < SearchBar
108
+ lightTheme
109
+ placeholder = 'Type Here...' />
110
+ </ View >
111
+ < View style = { { marginTop : 10 , marginBottom : 0 } } >
112
+ < SearchBar
113
+ noIcon
114
+ lightTheme
115
+ placeholder = 'Type Here...' />
116
+ </ View >
117
+ < View style = { { marginTop : 10 , marginBottom : 0 } } >
118
+ < SearchBar
119
+ round
120
+ lightTheme
121
+ placeholder = 'Type Here...' />
90
122
</ View >
91
123
< List >
92
124
< ListView
You can’t perform that action at this time.
0 commit comments