ShellAppearance Properties TabBar Colors
Member ✭✭
How do you configure the Shell TabBar as follows?
Background : DarkBlue
Selected tab icon : Green
Unselected tab icons : LightBlue
Text color (selected/unselected) : White
I tried this, but TabBarTitleColor seems to be the Selected/Active tab color, and TabBarForegroundColor doesn't seem to do anything.
TabBarBackgroundColor="DarkBlue"
TabBarForegroundColor="Green"
TabBarUnselectedColor="LightBlue"
TabBarTitleColor="White"
Best Answer
-
JGoldberger
USMember, Forum Administrator, Xamarin Team, University Xamurai
The documentation on customizing Shell is not very good at this time. Here are the docs for custom renderers for Shell:
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/customrenderersIn my opinion, customizing Shell is currently not a good experience. If you want more fine grained control, I suggest you not use Shell and instead make a MasterDetail page app with a TabbedPage as the first Detail page. This should make it easier to customize the tab bar and flyout.
Feel free to file an issue on the Xamarin.Forms github repository to make those properties make more sense. I agree that it is confusing as to what color property controls what colors.
6
Answers
Yes, like this...
The documentation on customizing Shell is not very good at this time. Here are the docs for custom renderers for Shell:
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/customrenderers
In my opinion, customizing Shell is currently not a good experience. If you want more fine grained control, I suggest you not use Shell and instead make a MasterDetail page app with a TabbedPage as the first Detail page. This should make it easier to customize the tab bar and flyout.
Feel free to file an issue on the Xamarin.Forms github repository to make those properties make more sense. I agree that it is confusing as to what color property controls what colors.