[iOS] Set color for Shell Tab item programmatically on page NavigatedTo

Question

[iOS] Set color for Shell Tab item programmatically on page NavigatedTo

Tumi Tladi 26

Can I manipulate a specific Tab by changing the color when I navigate to it?

Or override on ContentPage the current defined styles for Shell in styles when navigating?

Or even set a fixed color for Icon & Text specifically for iOS in AppDelegate class?

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-01-10T08:23:28.153+00:00

Hi @Tumi Tladi , Usually, you can set the Tab appearance to define the unselected color, and you can change the default settings about Tab in Styles.xaml file. Besides, the Tabbar can be set hidden when pushing to a new page (by setting the Shell.TabBarIsVisible attached property to false). You mean keeping the Tabbar when navigating to the detailed next page, and you want to change the Tab item at the same time, right? Could you describe more about your expected behavior?
Tumi Tladi 26 Reputation points

2023-01-10T08:54:59.16+00:00
Tumi Tladi 26 Reputation points

2023-01-10T08:58:51.817+00:00

The 2nd screenshot is Android of which that is what I expected previously if you look at the GitHub commit but it’s different with iOS on the 1st screenshot.

Currently I’ve changed the unselected color to be white as Android respects that but iOS doesn’t respect my changes as all the Tabs are just Blue.

Please help.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-02-03T06:32:52.4466667+00:00

May I know whether your issue has been solved or not? If not, please share it in here. We can work together to figure it out.

1 answer

Your answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-01-10T08:23:28.153+00:00

Hi @Tumi Tladi , Usually, you can set the Tab appearance to define the unselected color, and you can change the default settings about Tab in Styles.xaml file. Besides, the Tabbar can be set hidden when pushing to a new page (by setting the Shell.TabBarIsVisible attached property to false). You mean keeping the Tabbar when navigating to the detailed next page, and you want to change the Tab item at the same time, right? Could you describe more about your expected behavior?
Tumi Tladi 26 Reputation points

2023-01-10T08:54:59.16+00:00
Tumi Tladi 26 Reputation points

2023-01-10T08:58:51.817+00:00

The 2nd screenshot is Android of which that is what I expected previously if you look at the GitHub commit but it’s different with iOS on the 1st screenshot.

Currently I’ve changed the unselected color to be white as Android respects that but iOS doesn’t respect my changes as all the Tabs are just Blue.

Please help.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-02-03T06:32:52.4466667+00:00

May I know whether your issue has been solved or not? If not, please share it in here. We can work together to figure it out.

Answer 1

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Microsoft External Staff

Hello,

You can set TabBarForegroundColor to define the selected color (Black), and set TabBarTitleColor to define the title color (Black), set TabBarUnselectedColor to define the unselected color (Blue). Please refer to .NET MAUI Shell tabs - .NET MAUI | Microsoft Learn

Best Regards, Wenyan Zhang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment". Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Tumi Tladi 26 Reputation points

2023-01-11T11:22:25.77+00:00

Alright, let me go and see if I can’t get the similar UI on both platforms on Tabs.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-01-12T01:30:11.0133333+00:00

OK, looking forward to your updates.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-01-19T08:12:24.94+00:00

Hi @Tumi Tladi I have not heard from you for a couple of days. Please let me know if there is anything that I can help here.

Share via

[iOS] Set color for Shell Tab item programmatically on page NavigatedTo

1 answer

Your answer