Add logo at the middle of Navigation bar?

Question

I want to add a logo in the middle of the navigation bar like this:

<ContentPage.ToolbarItems>
   <ToolbarItem  Icon="logo.png" Activated="RefButtonClicked"></ToolbarItem>
</ContentPage.ToolbarItems>

I also tried this:

var cancelItem = new ToolbarItem
{
    Text = "Cancel",
    Icon = "tabalilogo.png",
    Order = ToolbarItemOrder.Secondary
};

Everything I tried positioned the logo on the right side of the navigation bar. How can I center it?

Answer 1

Recently After Updating to xamarin forms 3.2, You can customize the title bar using title bar property.

     <ContentPage>
<NavigationPage.TitleView>
    <StackLayout Orientation="Horizontal" VerticalOptions="Center" Spacing="10">
        <Image Source="iconXamagon.png">
            <Image.GestureRecognizers>
                <Image.TapGestureRecognizer
                    Tapped="HandleTapped" />
            </Image.GestureRecognizers>
        </Image>
        <Label Text="3.2.0" FontSize="16" TextColor="Black" VerticalTextAlignment="Center" />
    </StackLayout>
</NavigationPage.TitleView>
....

For more details https://blog.xamarin.com/xamarin-forms-3-2-0-released-going-big-with-little-things/