Przeglądaj źródła

Add colored icon to BottomTabs screen

Guy Carmeli 5 lat temu
rodzic
commit
81c5a926d1

+ 0
- 2
playground/src/app.js Wyświetl plik

@@ -32,8 +32,6 @@ function start() {
32 32
         orientation: ['portrait']
33 33
       },
34 34
       bottomTab: {
35
-        iconColor: '#1B4C77',
36
-        selectedIconColor: '#0f0',
37 35
         textColor: '#1B4C77',
38 36
         selectedTextColor: '#0f0',
39 37
         fontFamily: 'HelveticaNeue-Italic',

BIN
playground/src/images/colored_tab_icon@2x.png Wyświetl plik


+ 5
- 2
playground/src/screens/WelcomeScreen.js Wyświetl plik

@@ -87,8 +87,7 @@ class WelcomeScreen extends Component {
87 87
                         },
88 88
                         bottomTab: {
89 89
                           text: 'Tab 1',
90
-                          icon: require('../images/one.png'),
91
-                          selectedIcon: require('../images/one.png'),
90
+                          icon: require('../images/colored_tab_icon.png'),
92 91
                           testID: testIDs.FIRST_TAB_BAR_BUTTON
93 92
                         }
94 93
                       }
@@ -118,6 +117,8 @@ class WelcomeScreen extends Component {
118 117
                   bottomTab: {
119 118
                     text: 'Tab 2',
120 119
                     icon: require('../images/two.png'),
120
+                    iconColor: '#1B4C77',
121
+                    selectedIconColor: '#0f0',
121 122
                     testID: testIDs.SECOND_TAB_BAR_BUTTON
122 123
                   }
123 124
                 }
@@ -138,6 +139,8 @@ class WelcomeScreen extends Component {
138 139
                   bottomTab: {
139 140
                     text: 'Tab 3',
140 141
                     icon: require('../images/one.png'),
142
+                    iconColor: '#1B4C77',
143
+                    selectedIconColor: '#0f0',
141 144
                     selectedIcon: require('../images/one.png')
142 145
                   }
143 146
                 }