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>