Open Sergtek opened 2 years ago
verified repro on windows. seemsIcon="xxxx.svg"
does not work, if change to Icon="xxxxx.png"
can work.
I noticed similar issues in windows and also was wondering...
Are the tabs automatically changed into menus in windows?
Bottom tabs being top menus and top tabs being their submenus ?
I also see this in Windows where TabBar is at top of screen and Icons not shown, actually shows a box. However, in Android simulator I see TabBar at bottom of screen, as expected, but Icons NOT shown, again shows a box.
Any progress to fix?
Note, although the images are .svg I reference them as .png in the XAML. Need to do this for FlyoutItems and MenuItems to get them to show.
We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.
Verified this on Visual Studio Enterprise 17.6.0 Preview 4.0. Repro on Windows 11 with below Project:
6369.zip
I can verify this is still an issue, a year later. Is there anyone who can give some background on this? In particular, why it would not be fixed, or at least, noted in the documentation?
Maybe this is by design as a Windows App (as opposed to a mobile app)? And if by design, is there a workaround (other than creating your own controls?)
I can confirm it's still an issue. Any possible workarounds?
@joshball Tabs don't work on the bottom on Windows because the underlying control is actually a NavigationView, which by default doesn't support that. However, you can work around it by modifying the default style of the NavigationView in the Windows-specific styles as mentioned here (put it under Platforms/Windows/App.xaml
): https://learn.microsoft.com/en-us/answers/questions/1120972/winui3-navigationview-panedisplaymode-bottom
Hi @Foda, do you know how to add new style into Platforms/Windows/App.xaml to override the default NavigationView?
The current root node is "maui:MauiWinUIApplication" and it does not recognize the Resources or any WinUI3 components.
@Foda I have found my issue, just select windows option on the top left dropdown list. Thanks.
I tried that workaround, but the tabs keep showing up at the top of the window. Are there any new workarounds to try? (This wasn't an issue in Xamarin Forms.)
I also attempted to work around this issue to get the tab bar at the bottom of the window without success. Hoping this can be fixed soon.
Icons do show as expected, however.
Any updates on this?
Description
TabBar on Windows does not allow to be set to the bottom and the configured icons are not displayed, however on Android the same code works fine.
With the same code in Android it looks perfect, but in Windows the tabs appear above and without an icon, when they should appear below and with an icon:
Windows:
Android:
Steps to Reproduce
Run the following code on Windows and you will see that the TabBar appears at the top when it should be at the bottom and the icons do not appear. On Android it works fine:
Version with bug
Release Candidate 1 (current)
Last version that worked well
Unknown/Other
Affected platforms
Windows
Affected platform versions
Windows 11
Did you find any workaround?
No response
Relevant log output
No response