时间戳

首页 > 解决方案 > 如何将图像侧添加到导航栏中的后退按钮

image - 如何将图像侧添加到导航栏中的后退按钮

问题描述

我正在研究 xamarin。表单应用程序，我需要在导航栏中的后退按钮中添加图像侧。

我试过 1. <NavigationPage.TitleView><image/></NavigationPage.TitleView>- 这里的视图远离后退按钮。后退按钮和图像之间的空间更大。2.创建了一个自定义导航如下。

            <Grid BackgroundColor="{Binding ActionbarColor}">
            <StackLayout Orientation="Horizontal" Spacing="0" HeightRequest="60" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
                <Image Source="back.png" HeightRequest="20" WidthRequest="20" HorizontalOptions="Start" VerticalOptions="CenterAndExpand">
                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding MoveBackCommand}"></TapGestureRecognizer>
                    </Image.GestureRecognizers>
                </Image>
                <Imge Source="defaultUser.png">
                <Label />
                <Label  x:Name="TitleLabel" VerticalTextAlignment="Center" VerticalOptions="CenterAndExpand" TextColor="White" FontAttributes="Bold" FontSize="Medium" HorizontalOptions="FillAndExpand"/>
            </StackLayout>
        </Grid>

第二，导航到后视图时视图闪烁。

除了这两种之外，还有什么方法可以在导航栏的后退按钮旁边显示图像

标签： imagexamarin.formsnavigationbar

解决方案

使用网格来改变

<Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" ColumnSpacing="0">
  <Grid.RowDefinitions>
    <RowDefinition Height="50"/>
  </Grid.RowDefinitions>
  <BoxView BackgroundColor="Aqua" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="5"/>
  <Button Image="BackIcon" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="1" Command="GoBack"/>
  <Image Source="Logo" Aspect="AspectFit" BackgroundColor="Transparent" Grid.Column="2" Grid.Row="0" Grid.ColumnSpan="1"/>
</Grid>

它不起作用遵循这个- 如果它起作用，请告诉我

推荐阅读