底部的 Xamarin Forms Flyout 菜单答案

【问题标题】：Xamarin Forms Flyout menu at bottom底部的 Xamarin Forms Flyout 菜单
【发布时间】：2021-02-07 15:05:18
【问题描述】：

有没有像图片一样在shell底部设置一个菜单项？

所以你将拥有所有正常的菜单：

然后在它的底部：

<MenuItem Text="Logout" IconImageSource="logout"
              Command="{Binding SignOutCommand}">
    </MenuItem>

【问题讨论】：

可以吗？

标签： xamarin xamarin.forms xamarin.forms.shell

【解决方案1】：

您可以尝试将MenuItemTemplate 定义为实现此目的的解决方法：

<MenuItem Text="Logout" IconImageSource="logout"
          Command="{Binding SignOutCommand}">
    <Shell.MenuItemTemplate>
        <DataTemplate>
            <Grid >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.2*" />
                    <ColumnDefinition Width="0.8*" />
                </Grid.ColumnDefinitions>
                <Image Source="{Binding Icon}"
                   Margin="0,300,0,0"             //You need to adjust the margin value yourself 
                   HeightRequest="30" />
                <Label Grid.Column="1"
                   Margin="0,300,0,0"           //You need to adjust the margin value yourself 
                   Text="{Binding Text}"
                   FontAttributes="Italic"
                   VerticalTextAlignment="Center" />
            </Grid>
        </DataTemplate>
    </Shell.MenuItemTemplate>
</MenuItem>

【讨论】：

无论屏幕大小如何，这都有效吗？
您需要根据您的屏幕尺寸调整Margin值。