Remove left space in title view xamarin forms

Question

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.

Answer 1

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

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

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>

Answer 2

Another solution without customizing the xml layout is for those who already created a IShellToolbarAppearanceTracker subclassing ShellToolbarAppearanceTracker :

        public override void SetAppearance(Toolbar toolbar, IShellToolbarTracker toolbarTracker, ShellAppearance appearance)
        {
            base.SetAppearance(toolbar, toolbarTracker, appearance);

            toolbar.SetContentInsetsAbsolute(0,0);
        }

The native problem is discussed here:

Toolbar extra left inset/padding