File tree Expand file tree Collapse file tree 1 file changed +15
-11
lines changed Expand file tree Collapse file tree 1 file changed +15
-11
lines changed Original file line number Diff line number Diff line change @@ -12,26 +12,30 @@ export class TabViewScreen extends React.Component {
12
12
title : 'Tab Set' ,
13
13
} ;
14
14
15
- onItemChange = ( change ) => {
16
- console . log ( `onItemChange: ${ JSON . stringify ( change , null , 2 ) } ` ) ;
17
- } ;
18
-
19
15
render ( ) {
20
16
return (
21
17
< View style = { styles . container } >
22
- < RkTabView style = { styles . container } onItemChange = { this . onItemChange } >
23
- < RkTab title = "Tab #1" >
18
+ < RkTabView style = { styles . container } >
19
+ < RkTab
20
+ title = 'Calls'
21
+ icon = { require ( '../../img/icons/phone.png' ) } >
24
22
< TabContentScreen style = { styles . tabContent1 } />
25
23
</ RkTab >
26
- < RkTab title = "Tab #2" isSelected = { true } >
24
+ < RkTab
25
+ title = 'Contacts'
26
+ icon = { require ( '../../img/icons/user.png' ) } >
27
+ < TabContentScreen style = { styles . tabContent2 } />
28
+ </ RkTab >
29
+ < RkTab
30
+ title = "Favorites"
31
+ icon = { require ( '../../img/icons/heart.png' ) }
32
+ badgeTitle = 'new'
33
+ isSelected = { true } >
27
34
< TabContentScreen
28
- style = { styles . tabContent2 }
35
+ style = { styles . tabContent3 }
29
36
message = 'Tab 2 loves React Native UI Kitten'
30
37
/>
31
38
</ RkTab >
32
- < RkTab title = "Tab #3" >
33
- < TabContentScreen style = { styles . tabContent3 } />
34
- </ RkTab >
35
39
</ RkTabView >
36
40
</ View >
37
41
) ;
You can’t perform that action at this time.
0 commit comments