在Xamarin中动态控制TabBar元素的可见性

方案一：数据绑定控制FlyoutItem可见性（推荐MVVM场景使用） #

这种方式通过绑定登录状态属性，自动切换菜单项的显示隐藏，无需手动操作UI元素。

1. 编写登录状态ViewModel
   创建一个简单的ViewModel，包含布尔属性IsUserAuthenticated，并实现INotifyPropertyChanged接口，确保属性变化时UI能同步更新：

public class AppShellViewModel : INotifyPropertyChanged
{
    private bool _isUserAuthenticated;
    public bool IsUserAuthenticated
    {
        get => _isUserAuthenticated;
        set
        {
            _isUserAuthenticated = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 给Shell绑定ViewModel
   在AppShell的构造函数中设置BindingContext：

public AppShell()
{
    InitializeComponent();
    BindingContext = new AppShellViewModel();
}

3. 修改XAML，绑定FlyoutItem的IsVisible属性
   根据登录状态配置每个菜单项的显示逻辑，同时添加反向布尔转换器处理注册/登录项的反向显示需求：

<Shell.Resources>
    <ResourceDictionary>
        <!-- 反向布尔转换器：将布尔值取反，用于注册、登录项的显示控制 -->
        <local:InverseBooleanConverter x:Key="InverseBooleanConverter" />
    </ResourceDictionary>
</Shell.Resources>

<FlyoutItem Title="Главная" Icon="icon_home.png">
    <ShellContent Route="MainPage" ContentTemplate="{DataTemplate local:MainPage}" />
</FlyoutItem>
<FlyoutItem Title="Челленджи" Icon="icon_carbon.png">
    <ShellContent Route="ChallengesPage" ContentTemplate="{DataTemplate local:ChallengesPage}" />
</FlyoutItem>
<FlyoutItem Title="Сообщества" Icon="icon_community.png">
    <ShellContent Route="CommunityPage" ContentTemplate="{DataTemplate local:CommunityPage}" />
</FlyoutItem>
<FlyoutItem Title="Погода" Icon="icon_weather.png">
    <ShellContent Route="WeatherPage" ContentTemplate="{DataTemplate local:WeatherPage}" />
</FlyoutItem>

<!-- 已登录时显示个人资料 -->
<FlyoutItem Title="Мой профиль" Icon="icon_profile.png"
            IsVisible="{Binding IsUserAuthenticated}">
    <ShellContent Route="UserProfilePage" ContentTemplate="{DataTemplate local:UserProfilePage}" />
</FlyoutItem>

<!-- 未登录时显示注册、登录 -->
<FlyoutItem Title="Регистрация" Icon="icon_reg.png"
            IsVisible="{Binding IsUserAuthenticated, Converter={StaticResource InverseBooleanConverter}}">
    <ShellContent Route="RegistrationPage" ContentTemplate="{DataTemplate local:RegistrationPage}" />
</FlyoutItem>
<FlyoutItem Title="Авторизация" Icon="icon_login.png"
            IsVisible="{Binding IsUserAuthenticated, Converter={StaticResource InverseBooleanConverter}}">
    <ShellContent Route="LoginPage" ContentTemplate="{DataTemplate local:LoginPage}" />
</FlyoutItem>

4. 实现反向布尔转换器
   编写转换器类，用于将布尔值取反：

public class InverseBooleanConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return !(bool)value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return !(bool)value;
    }
}

5. 登录/注销时更新状态
   用户登录成功或注销时，直接修改ViewModel的属性，UI会自动更新菜单项显示：

// 登录成功
((AppShellViewModel)App.Current.MainPage.BindingContext).IsUserAuthenticated = true;

// 注销
((AppShellViewModel)App.Current.MainPage.BindingContext).IsUserAuthenticated = false;

方案二：代码动态增删FlyoutItem（适合不想用绑定的场景） #

直接操作Shell的Items集合，手动添加或移除菜单项。

1. 给目标FlyoutItem命名
   在XAML中为需要控制的菜单项添加x:Name：

<FlyoutItem x:Name="ProfileItem" Title="Мой профиль" Icon="icon_profile.png">
    <ShellContent Route="UserProfilePage" ContentTemplate="{DataTemplate local:UserProfilePage}" />
</FlyoutItem>
<FlyoutItem x:Name="RegisterItem" Title="Регистрация" Icon="icon_reg.png">
    <ShellContent Route="RegistrationPage" ContentTemplate="{DataTemplate local:RegistrationPage}" />
</FlyoutItem>
<FlyoutItem x:Name="LoginItem" Title="Авторизация" Icon="icon_login.png">
    <ShellContent Route="LoginPage" ContentTemplate="{DataTemplate local:LoginPage}" />
</FlyoutItem>

2. 编写菜单项更新方法
   在AppShell的代码中添加方法，根据登录状态调整Items集合：

public void UpdateFlyoutItems(bool isAuthenticated)
{
    if (isAuthenticated)
    {
        // 登录状态：添加个人资料，移除注册、登录项
        if (!Items.Contains(ProfileItem))
        {
            Items.Add(ProfileItem);
        }
        Items.Remove(RegisterItem);
        Items.Remove(LoginItem);
    }
    else
    {
        // 未登录状态：移除个人资料，添加注册、登录项
        Items.Remove(ProfileItem);
        if (!Items.Contains(RegisterItem))
        {
            Items.Add(RegisterItem);
        }
        if (!Items.Contains(LoginItem))
        {
            Items.Add(LoginItem);
        }
    }
}

3. 登录/注销时调用更新方法
   切换登录状态时直接调用该方法：

// 登录成功
((AppShell)App.Current.MainPage).UpdateFlyoutItems(true);

// 注销
((AppShell)App.Current.MainPage).UpdateFlyoutItems(false);

额外提醒 #

• 若使用MVVM模式，建议将登录状态放到全局状态服务中，方便各页面访问。
• 动态增删菜单项时，注意避免重复操作，防止抛出异常。
• 可结合Preferences存储登录状态，App启动时读取状态初始化，确保菜单项显示正确。

内容的提问来源于stack exchange，提问作者Данил Грицан