Shell ToolbarItems not shown in iOS App

See original GitHub issue

Description

A ToolbarItem added in the AppShell.xaml is not shown under iOS:

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="Test_Project_Template.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:Test_Project_Template"
    Shell.FlyoutBehavior="Disabled">

    <!-- This ToolbarItem is not shown-->
    <Shell.ToolbarItems>
        <ToolbarItem Text="Test"></ToolbarItem>
    </Shell.ToolbarItems>

    <ShellContent
        Title="Home"
        ContentTemplate="{DataTemplate local:MainPage}"
        Route="MainPage" />

</Shell>

Steps to Reproduce

  1. Create a new MAUI Project in Visual Studio
  2. Add a ToolbarItem in the Shell
  3. Build the app and deploy it to the end device
  • Android: The ToolbarItem is shown on the right side of the Toolbar
  • iOS: The ToolBarItem is not shown in the Toolbar

Link to public reproduction project repository

https://github.com/573F4N077/Shell.TitleBarItems

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 16

Did you find any workaround?

It might be possible to create a TitleView with custom buttons. But here I found other problems (like binding the title…)

Instead of having global ToolbarItems defined in the Shell it is be possible to add a ToolbarItem in every single Page.

Relevant log output

No response

Issue Analytics

  • State:open
  • Created 5 months ago
  • Reactions:2
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
samhoutscommented, Aug 8, 2023

@asi-evin Thank you for letting me know! I’ve reopened this one.

0reactions
asi-evincommented, Aug 8, 2023

@samhouts This is NOT a duplicate. This involves having a toolbar item on the SHELL. Their issue is about a ToolbarItem on a PAGE (despite what the title suggests, as their sample has it on the page).

Read more comments on GitHub >

github_iconTop Results From Across the Web

iOS Xamarin Forms - Toolbar and Navigation items not ...
I am adding iOS support for my already existing Xamarin Forms android app. The toolbar items, navigational back arrow and the hamburger menu ......
Read more >
Display toolbar items - .NET MAUI
A ToolbarItem object can have an icon and appear as a primary or secondary item. The ToolbarItem class inherits from MenuItem. The following ......
Read more >
Customize the Title Bar of a MAUI app with these simple steps
NET MAUI Shell app to make it stand out with these simple steps. ... ToolbarItems do not support icons, only text will be...
Read more >
Toolbars and Sheets
A ToolbarItem placement is indicated using the placement: ToolbarItemPlacement parameter. The list of options are available on Xcode or on the Apple docs....
Read more >
Navigation Controller UIToolbar does not show items
The problem is, for navigation controller I have selected "Show Toolbar" and then added items to Toolbar but nothing gets displayed when I...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found