Xamarin forms shell: how to add header toolbar logo?

Question

In a "xamarin forms shell" application, how do I add a logo image in the center of the header toolbar?

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage.ToolbarItems>
    <ToolbarItem IconImageSource="mytoolbaritem.png"
             Order="Primary"
             Priority="0"/>
</ContentPage.ToolbarItems>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             Shell.NavBarIsVisible="True"
             mc:Ignorable="d"
             x:Class="MyApp.Views.HomePage" BackgroundColor="White">
    <ContentPage.Content>
        ...
    </ContentPage.Content>
</ContentPage>

can u try this answer https://stackoverflow.com/questions/64798384/how-could-i-change-the-navigastions-page-arrow-in-xamarin-forms/ — Ronak Shetiya, Dec 16 '20 at 05:34

score 2 · Accepted Answer · answered Dec 16 '20 at 06:06

2

You can Display views in the navigation bar by customize Shell.TitleView inside ContentPage:

<ContentPage ...>
    <Shell.TitleView>
        <Image Source="xamarin_logo.png"
               HorizontalOptions="Center"
               VerticalOptions="Center" />
    </Shell.TitleView>
    ...
</ContentPage>

answered Dec 16 '20 at 06:06

nevermore

15,432
1
12
30

1

I needed text in the screen header so instead of I used – pdschuller Jul 08 '22 at 18:42

Xamarin forms shell: how to add header toolbar logo?

1 Answers1