Xamarin Forms 如何基于Switch输入实现Content Page注册页条目动态显隐（遵循MVVM）

• Switch没有和ViewModel做双向绑定，还硬写了IsToggled="False"，不管用户怎么拨开关，状态都不会同步到ViewModel层
• 服务提供者输入区的显隐逻辑自相矛盾：初始写的IsVisible="{Binding SwitchIsToggled}"是尝试找ViewModel里的对应属性，但后面加的DataTrigger根本没设置触发条件，还硬塞了个IsVisible=false的Setter，直接把绑定效果覆盖死了，输入区根本不会正常显示
• 所有输入框只靠XAML的x:Name标记，没和ViewModel做数据绑定，完全走不通MVVM的链路

1. 先在注册页对应的ViewModel里补个开关状态属性，依托你用的MVVM框架自带的属性通知机制，做状态监听：

// 你的ViewModel只要继承了MVVM框架提供的基类，就已经内置了INotifyPropertyChanged的实现
private bool _isServiceProvider;
public bool IsServiceProvider
{
    get => _isServiceProvider;
    set
    {
        _isServiceProvider = value;
        OnPropertyChanged();
    }
}

2. 改XAML里的Switch配置，删掉硬编码的开关状态，直接做双向绑定：

<StackLayout Orientation="Horizontal" Spacing="10">
    <Label Text="Are you a service provider?" VerticalOptions="Center"/>
    <Switch HorizontalOptions="EndAndExpand"
            OnColor="Orange"
            ThumbColor="{StaticResource MainButtonColor}"
            IsToggled="{Binding IsServiceProvider, Mode=TwoWay}" />
</StackLayout>

3. 把原来逻辑冲突的无意义DataTrigger整个删掉，给输入区直接绑开关状态，同时把三个输入项的内容也和ViewModel做双向绑定，省得后面还要在后台靠x:Name取值：

<StackLayout IsVisible="{Binding IsServiceProvider}">
    <Entry Placeholder="Company Name"
           Keyboard="Default"
           Text="{Binding ProviderCompanyName, Mode=TwoWay}"/>
    <Entry Placeholder="TIN"
           Keyboard="Numeric"
           Text="{Binding ProviderTin, Mode=TwoWay}"/>
    <Entry Placeholder="Address"
           Keyboard="Default"
           Text="{Binding ProviderAddress, Mode=TwoWay}"/>
</StackLayout>

• 开关默认关的时候，服务相关的三个输入项直接隐藏，只显示基础的邮箱、密码、确认密码输入框
• 用户拨到开关开启状态时，状态自动同步到ViewModel，三个额外输入项自动展开显示，所有输入的内容也会实时同步到ViewModel，完全不需要写后台的事件处理逻辑

内容的提问来源于stack exchange，提问作者EightyEightKeysDev