Skip to content

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

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

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

Conversation

@SuthiYuvaraj

@SuthiYuvaraj SuthiYuvaraj commented Sep 11, 2024

Copy link
Copy Markdown
Contributor

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
Copy Markdown
Member

/azp run

@azure-pipelines

Copy link
Copy Markdown
Azure Pipelines successfully started running 3 pipeline(s).

@mattleibow

Copy link
Copy Markdown
Member

What happens if the theme changes at runtime?

@SuthiYuvaraj

SuthiYuvaraj commented Sep 12, 2024

Copy link
Copy Markdown
Contributor Author

@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

jfversluis commented Sep 13, 2024

Copy link
Copy Markdown
Member

/azp run

@azure-pipelines

Copy link
Copy Markdown
Azure Pipelines successfully started running 3 pipeline(s).

@kubaflo

kubaflo commented Sep 17, 2024

Copy link
Copy Markdown
Contributor

Duplicate of #22437

@azure-pipelines

Copy link
Copy Markdown
Azure Pipelines successfully started running 3 pipeline(s).

@jfversluis

Copy link
Copy Markdown
Member

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

@kubaflo

kubaflo commented Sep 17, 2024

Copy link
Copy Markdown
Contributor

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