CODEWITHSUNDEEP
xamarinxamarin.formsxamarin.forms.shell
Douglas Simão
Douglas Simão

Reputation: 289

Xamarin Forms Flyout menu at bottom

Is there anyway to set one menu item at the bottom of shell like the image?

so you will have all normal menus:

and then at the bottom of it a:

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

enter image description here

Upvotes: 3

Views: 1122

Answers (1)

Leo Zhu
Leo Zhu

Reputation: 15031

You could try to define the MenuItemTemplate as a workaround to achieve this:

<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>

Upvotes: 2

Related Questions