refactor(tab-set): update examples

akveo · Oct 23, 2018 · f6fe72c · f6fe72c
1 parent 1b0b6c2
commit f6fe72c
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/example/screens/tabset/TabViewScreen.js b/example/screens/tabset/TabViewScreen.js
@@ -12,26 +12,30 @@ export class TabViewScreen extends React.Component {
     title: 'Tab Set',
   };
 
-  onItemChange = (change) => {
-    console.log(`onItemChange: ${JSON.stringify(change, null, 2)}`);
-  };
-
   render() {
     return (
       <View style={styles.container}>
-        <RkTabView style={styles.container} onItemChange={this.onItemChange}>
-          <RkTab title="Tab #1">
+        <RkTabView style={styles.container}>
+          <RkTab
+            title='Calls'
+            icon={require('../../img/icons/phone.png')}>
             <TabContentScreen style={styles.tabContent1} />
           </RkTab>
-          <RkTab title="Tab #2" isSelected={true}>
+          <RkTab
+            title='Contacts'
+            icon={require('../../img/icons/user.png')}>
+            <TabContentScreen style={styles.tabContent2} />
+          </RkTab>
+          <RkTab
+            title="Favorites"
+            icon={require('../../img/icons/heart.png')}
+            badgeTitle='new'
+            isSelected={true}>
             <TabContentScreen
-              style={styles.tabContent2}
+              style={styles.tabContent3}
               message='Tab 2 loves React Native UI Kitten'
             />
           </RkTab>
-          <RkTab title="Tab #3">
-            <TabContentScreen style={styles.tabContent3} />
-          </RkTab>
         </RkTabView>
       </View>
     );