|
@@ -18,6 +18,7 @@ Navigation.startTabBasedApp({
|
18
|
18
|
tabBarButtonColor: '#ffff00', // change the color of the tab icons and text (also unselected)
|
19
|
19
|
tabBarSelectedButtonColor: '#ff9900', // change the color of the selected tab icon and text (only selected)
|
20
|
20
|
tabBarBackgroundColor: '#551A8B' // change the background color of the tab bar
|
|
21
|
+ tabBarTranslucent: false // change the translucent of the tab bar to false
|
21
|
22
|
tabBarTextFontFamily: 'Avenir-Medium' //change the tab font family
|
22
|
23
|
}
|
23
|
24
|
```
|
|
@@ -29,11 +30,12 @@ Navigation.startTabBasedApp({
|
29
|
30
|
appStyle: {
|
30
|
31
|
tabBarBackgroundColor: '#0f2362',
|
31
|
32
|
tabBarButtonColor: '#ffffff',
|
32
|
|
- tabBarSelectedButtonColor: '#63d7cc'
|
|
33
|
+ tabBarSelectedButtonColor: '#63d7cc',
|
|
34
|
+ tabBarTranslucent: false,
|
33
|
35
|
tabFontFamily: 'Avenir-Medium.ttf' // for asset file or use existing font family name
|
34
|
36
|
},
|
35
|
37
|
...
|
36
|
38
|
}
|
37
|
39
|
```
|
38
|
40
|
|
39
|
|
-All supported styles are defined [here](https://github.com/wix/react-native-controllers#styling-tab-bar). There's also an example project there showcasing all the different styles.
|
|
41
|
+All supported styles are defined [here](https://github.com/wix/react-native-controllers#styling-tab-bar). There's also an example project there showcasing all the different styles.
|