如何在Xamarin.Forms中用C#实现登录成功后修改FlyoutHeader标签内容

步骤1：修改HeaderContentView.xaml，添加可控制的控件 #

给登录注册链接的容器命名，新增用户名显示标签（默认隐藏）：

<Grid BackgroundColor="#326e52" HeightRequest="200">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <!-- 登录注册入口区域，命名以便后台控制可见性 -->
    <StackLayout x:Name="AuthLinksLayout" Padding="10,0,10,20" 
                 VerticalOptions="EndAndExpand" Orientation="Horizontal" Grid.Column="0">
        <Label Text="Đăng nhập" 
               TextColor="White" 
               FontAttributes="Bold" 
               HorizontalTextAlignment="Center" 
               VerticalTextAlignment="Center" >
            <Label.GestureRecognizers>
                <TapGestureRecognizer Tapped="Link_dang_nhap"/>
            </Label.GestureRecognizers>
        </Label>
        <Label Text="Đăng ký" 
               TextColor="White" 
               FontAttributes="Bold" 
               HorizontalTextAlignment="Center" 
               VerticalTextAlignment="Center" >
            <Label.GestureRecognizers>
                <TapGestureRecognizer Tapped="Link_dang_ky"/>
            </Label.GestureRecognizers>
        </Label>
    </StackLayout>
    <!-- 用户名显示区域，默认隐藏 -->
    <Label x:Name="UserNameLabel" 
           TextColor="White" 
           FontAttributes="Bold" 
           HorizontalTextAlignment="Center" 
           VerticalTextAlignment="Center" 
           Grid.Column="0"
           IsVisible="False"
           Margin="10,0"/>
</Grid>

步骤2：在HeaderContentView.xaml.cs中添加更新逻辑 #

添加公开方法，用于登录成功后切换显示内容：

public void UpdateUserInfo(string userName)
{
    // 隐藏登录注册链接
    AuthLinksLayout.IsVisible = false;
    // 设置用户名并显示
    UserNameLabel.Text = userName;
    UserNameLabel.IsVisible = true;
}

步骤3：登录成功后调用更新方法 #

在登录页面的验证通过逻辑中，获取FlyoutHeader实例并更新：

// 假设登录成功后获取到用户名
string userName = "你的用户名";

// 获取主页面的FlyoutHeader控件
var mainShell = Application.Current.MainPage as Shell;
var headerView = mainShell.FlyoutHeader as HeaderContentView;

// 执行更新操作
headerView?.UpdateUserInfo(userName);

可选：MVVM模式优化方案 #

如果项目使用MVVM，可通过数据绑定实现更解耦的控制：

1. 给HeaderContentView绑定ViewModel，添加IsLoggedIn和UserName属性
2. XAML中通过绑定控制控件状态：

<StackLayout IsVisible="{Binding IsLoggedIn, Converter={StaticResource InverseBooleanConverter}}" ...>
    <!-- 登录注册标签 -->
</StackLayout>
<Label Text="{Binding UserName}" 
       IsVisible="{Binding IsLoggedIn}"
       .../>

3. 登录成功后更新ViewModel的对应属性即可

内容的提问来源于stack exchange，提问作者Lâm Vũ Tùng