Skip to content

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

Closed
SuthiYuvaraj wants to merge 4 commits intodotnet:mainfrom
SuthiYuvaraj:fix-8244
Closed

[iOS] Custom font icon is not rendered in a shell tabbar tab #24721
SuthiYuvaraj wants to merge 4 commits intodotnet:mainfrom
SuthiYuvaraj:fix-8244

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

@azure-pipelines
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

@azure-pipelines
Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@kubaflo
Copy link
Contributor

kubaflo commented Sep 17, 2024

Duplicate of #22437

@azure-pipelines
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 😅

@github-actions github-actions bot locked and limited conversation to collaborators Oct 20, 2024
@sheiksyedm sheiksyedm added the partner/syncfusion Issues / PR's with Syncfusion collaboration label Dec 6, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

area-controls-shell Shell Navigation, Routes, Tabs, Flyout community ✨ Community Contribution partner/syncfusion Issues / PR's with Syncfusion collaboration

Projects

None yet

5 participants