locked
Xamarin.Forms with Navigation TitleView is having left and bottom space in UWP. RRS feed

  • Question

  • User116793 posted

    Navigation page in UWP is creating space in left and bottom if I use NavigationPage.TitleView to customize the title view. Can anyone help me in removing space?

    Monday, October 14, 2019 6:02 PM

All replies

  • User369979 posted

    You could add a margin to remove this gap in UWP:

    <NavigationPage.TitleView>
        <StackLayout BackgroundColor="Blue" Margin="-10, 0, 0, 0">
            <Label TextColor="White" Text="MainPage"/>
        </StackLayout>
    </NavigationPage.TitleView>
    

    The effect:

    Tuesday, October 15, 2019 9:22 AM
  • User176749 posted

    titleview doesnt work for uwp in general. check the xamarin forms github. there is a crucial bug(s)

    Tuesday, October 15, 2019 12:45 PM
  • User76049 posted

    @batmaci said: titleview doesnt work for uwp in general. check the xamarin forms github. there is a crucial bug(s)

    Would be handy if you have the bug links

    Tuesday, October 15, 2019 1:05 PM
  • User176749 posted

    https://github.com/xamarin/Xamarin.Forms/issues/7899 https://github.com/xamarin/Xamarin.Forms/issues/5153

    Tuesday, October 15, 2019 1:08 PM
  • User76049 posted

    Thanks

    Tuesday, October 15, 2019 1:15 PM
  • User116793 posted

    @LandLu Tried the code as suggested still has the space on the bottom toolbar.

    Thursday, October 17, 2019 7:58 PM
  • User369979 posted

    I know it is not graceful but if you don't mind using margin you can try to add a bottom constant to the margin on UWP like:

    Margin="-10, 0, 0, -10"
    
    Friday, October 18, 2019 1:44 AM
  • User116793 posted

    @LandLu Unfortunately still space is created even after margin set -10. Margin="-10, 0, 0, -10"

    As workaround, I have moved toolbar to the bottom with Platform configuration and custom renderer.

    https://forums.xamarin.com/discussion/81913/move-toolbar-to-the-bottom-in-uwp-with-platformconfiguration-2-3-3

    Friday, October 18, 2019 11:59 AM
  • User369979 posted

    However, this bottom gap didn't show up in my UWP project. Could you share a sample to demonstrate that?

    Monday, October 21, 2019 3:01 AM
  • User116793 posted

    @LandLu , PFA.

    Tuesday, November 26, 2019 3:23 AM