Uno Platform 从 NavigationView 中移除右间距

Question

我在使用 NavigationView 控件时遇到问题，它不与中心对齐并在右侧保持奇怪的间距。

我的 NavigationView 代码是：

    <NavigationView
                Background="Red"
                PaneDisplayMode="Top"
                IsSettingsVisible="False"
                Grid.Row="1"
                HorizontalAlignment="Center"
                IsBackButtonVisible="Collapsed"
                >

        <NavigationView.MenuItems>
            <NavigationViewItem Content="Home" Tag="SamplePage1" Icon="Library"/>
            <NavigationViewItem Content="Search" Tag="SamplePage5" Icon="Shop" />
            <NavigationViewItem Content="Search" Tag="SamplePage5" Icon="Shop" />
            <NavigationViewItem Content="Search" Tag="SamplePage5" Icon="Shop"/>
        </NavigationView.MenuItems>
    </NavigationView>

Answer 1

我不认为你可以拉伸MenuItems 。 您可以使用FooterMenuItems避免那个正确的空间。

<NavigationView
    Grid.Row="1"
    HorizontalAlignment="Center"
    Background="Red"
    IsBackButtonVisible="Collapsed"
    IsSettingsVisible="False"
    PaneDisplayMode="Top">
    <NavigationView.MenuItems>
        <NavigationViewItem
            Content="Home"
            Icon="Library"
            Tag="SamplePage1" />
    </NavigationView.MenuItems>
    <NavigationView.FooterMenuItems>
        <NavigationViewItem
            Content="Search"
            Icon="Shop"
            Tag="SamplePage5" />
        <NavigationViewItem
            Content="Search"
            Icon="Shop"
            Tag="SamplePage5" />
        <NavigationViewItem
            Content="Search"
            Icon="Shop"
            Tag="SamplePage5" />
    </NavigationView.FooterMenuItems>
</NavigationView>

更新

您还可以覆盖generic.xaml中的样式。 这是它的一部分，但我想你可以从这里开始修改。

<!--  Top nav ItemsRepeater  -->
<ItemsRepeaterScrollHost
    Grid.Column="3"
    Grid.ColumnSpan="5">
    <ScrollViewer
        HorizontalScrollBarVisibility="Hidden"
        HorizontalScrollMode="Disabled"
        VerticalScrollBarVisibility="Hidden"
        VerticalScrollMode="Disabled">
        <ItemsRepeater
            x:Name="TopNavMenuItemsHost"
            AutomationProperties.AccessibilityView="Content"
            AutomationProperties.LandmarkType="Navigation"
            AutomationProperties.Name="{TemplateBinding AutomationProperties.Name}">
            <ItemsRepeater.Layout>
                <!--Try using UniformGridLayout instead of StackLayout-->
                <!--<StackLayout Orientation="Horizontal" />-->
                <UniformGridLayout
                    ItemsStretch="Fill"
                    Orientation="Horizontal" />
            </ItemsRepeater.Layout>
        </ItemsRepeater>
    </ScrollViewer>
</ItemsRepeaterScrollHost>