Search code examples
xamarin.formsxamarin.androidnavigationbartabbedpagetitleview

Remove left space in title view xamarin forms


I had an issue in removing the extra left space in title view as shown in the image below please see the screenshot here

Ps: I'm using tabbed page and that bar is the navigation title view.


Solution

  • Set the xml below in your Toolbar.xml of Android part.

    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    app:contentInsetStartWithNavigation="0dp" 
    

    enter image description here

    Do not forget to add the namespace of app in your Toolbar.xaml.

    xmlns:app="http://schemas.android.com/apk/res-auto"
    

    And check the code below, it need to be added in MainActivity.cs.

    ToolbarResource = Resource.Layout.Toolbar;
    

    Usage:

    <NavigationPage.TitleView>
        <Label Text="Repositories" />
    </NavigationPage.TitleView>
    

    enter image description here