Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[iOS] Custom font icon is not rendered in a shell tabbar tab #24721

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

SuthiYuvaraj
Copy link
Contributor

@SuthiYuvaraj SuthiYuvaraj commented Sep 11, 2024

RootCause

The custom font images used for icons in the ShellTabBar are being generated with a default color(white) in ImageSourceExtensions. However, since the TabBar background color is also white, the icons are not properly visible.

Description of Change

Modified the rendering mode as Automatic which allows the icon color and selection color of the icon in the TabBar to adjust dynamically based on the current theme or selected state.

Validated the behaviour in the following platforms

  • Android
  • Windows
  • iOS
  • Mac

Issues Fixed

Fixes #8244
Fixes #22032
Fixes #12250
Fixes #20866
Fixes #23174
Fixes #8244

Before Issue Fix After Issue Fix
Screenshot 2024-09-12 at 10 28 36 AM Screenshot 2024-09-12 at 10 10 39 AM

@dotnet-policy-service dotnet-policy-service bot added the community ✨ Community Contribution label Sep 11, 2024
@mattleibow mattleibow added platform/iOS 🍎 area-controls-shell Shell Navigation, Routes, Tabs, Flyout labels Sep 11, 2024
@mattleibow
Copy link
Member

/azp run

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@mattleibow
Copy link
Member

What happens if the theme changes at runtime?

@SuthiYuvaraj
Copy link
Contributor Author

SuthiYuvaraj commented Sep 12, 2024

@mattleibow We have ensured that runtime theme changes and specific style settings work as expected. In the dark theme, the icon color will be updated based on the title text color.

Light Theme Dark Theme

@SuthiYuvaraj SuthiYuvaraj marked this pull request as ready for review September 13, 2024 05:01
@SuthiYuvaraj SuthiYuvaraj requested a review from a team as a code owner September 13, 2024 05:01
@jfversluis
Copy link
Member

jfversluis commented Sep 13, 2024

/azp run

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@kubaflo
Copy link
Contributor

kubaflo commented Sep 17, 2024

Duplicate of #22437

Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@jfversluis
Copy link
Member

Whoops lets see which of those PRs we should take in for this and coordinate! Thanks @kubaflo !

@kubaflo
Copy link
Contributor

kubaflo commented Sep 17, 2024

Sure thing! However, please have in mind who was first this time 😅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-controls-shell Shell Navigation, Routes, Tabs, Flyout community ✨ Community Contribution
Projects
None yet
4 participants