Delayed Update of Navbar Title and TabBar Background Color in .NET MAUI on Android When Switching Tabs

[IX-OmkarP]

Description

Issue Description:

I am encountering an issue with delayed updates to the Navbar title and Navbar background color when switching tabs on an Android device in a project that I am migrating from Xamarin.Forms to .NET MAUI.

Problem Details:

• Expected Behavior:

  • When switching between tabs, the Navbar title and Navbar background color should update immediately to reflect the values assigned to the selected tab.

• Actual Behavior:

  • When I click on Tab 2, the TabBar background color changes as expected, but the Navbar title and Navbar background color remain as those of Tab 1.
  • Upon switching to Tab 3, the Navbar title and Navbar background color update to the values for Tab 2 instead of those for Tab 3. The updates seem to be delayed by one tab click.
  • This issue does not occur in Xamarin.Forms; the expected behavior is observed in the original Xamarin.Forms implementation.

Additional Information:

• .NET MAUI Version: 8
• Android Device : Android

Screenshots:

Steps to Reproduce

• Create a .NET MAUI project with three tabs.
• Assign different Navbar titles and background colors for each tab.
• Run the project on an Android device.
• Switch between the tabs and observe the Navbar title and background color.

Link to public reproduction project repository

https://github.com/IX-OmkarP/Tabbed_Page_POC

Version with bug

Unknown/Other

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

Last version that worked well

Unknown/Other

Affected platforms

I was not able test on other platforms

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

No response

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

• [Android] Tabs briefly display wrong background color when navigating between flyout items (#16522), similarity score: 0.81
• NavigationPage: BarBackgroundColor, BarTextColor and Title not updating (#19859), similarity score: 0.80
• [Bug] The NavigationBar fails to refresh when the existing child of a TabbedPage is substituted with a different NavigationPage. (#22824), similarity score: 0.79
• TabbedPage with ToolbarPlacement = Bottom: SelectedTabColor does not move highlight to correct tab if the tab is changed programmatically (#18558), similarity score: 0.79

Closed similar issues:

• Page title won't update when switching tabs with top bars inside a TabBar inside a shell on Android. Re-introduced (#11551), similarity score: 0.79

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[ninachen03]

This issue has been verified using latest Visual Studio 17.12.0 Preview 1.0 (8.0.82 &8.0.40) , Can repro on Android platform. but 17.12.0 Preview 1.0 (8.0.21& 8.0.3) works fine.

[kubaflo]

Hi, could you please try with the latest nightly build? It seems to be working fine for me

[kubaflo]

Screen.Recording.2024-09-05.at.18.01.31.mov

[IX-OmkarP]

Hi, could you please try with the latest nightly build? It seems to be working fine for me

@kubaflo Thanks for answering! I will try it and let you know if it works for me.

[IX-OmkarP]

@kubaflo Thank you! It's working with the latest nightly build. Now I just need to wait for the public NuGet package.

[kubaflo]

@kubaflo Thank you! It's working with the latest nightly build. Now I just need to wait for the public NuGet package.

Cool!