NativeScript中选中单个Switch时自动将其余开关置为false的方法

直接在你现有的checkedChange事件里补充其他开关的状态重置逻辑即可，不需要改动现有XML布局。

核心逻辑 #

触发开关选中事件时，遍历同组所有开关，将非当前触发项的checked属性统一设为false即可，仅在当前开关被切为选中状态时执行重置，避免无效触发。

修改后的事件代码 #

// 若文件顶部已引入Page模块可省略此行
const { Page } = require("@nativescript/core");

viewModel.teste = (args) => {
    const triggerSwitch = args.object;
    if (triggerSwitch.checked) {
        const page = triggerSwitch.page;
        // 维护互斥开关的id列表，后续新增开关直接往数组里加id即可
        const mutexSwitchIds = ["notOFF", "notON", "notSMS"];

        mutexSwitchIds.forEach(switchId => {
            if (switchId !== triggerSwitch.id) {
                const switchItem = page.getViewById(switchId);
                switchItem && (switchItem.checked = false);
            }
        });

        // 原有业务逻辑保留
        switch (triggerSwitch.id) {
            case "notOFF":
                console.log("Todas as notificações desligadas")
                break
            case "notON":
                console.log("Todas as notificações ligadas")
                break
            case "notSMS":
                console.log("Apenas as notificações das mensagens")
                break
        }
    }
}

补充说明 #

• 原有XML的事件绑定、布局代码完全不需要调整，直接替换JS逻辑即可生效
• 代码加了控件非空判断，避免页面未完全加载时触发事件导致的报错
• 仅在开关被置为选中时执行遍历重置，取消选中开关时不会触发多余操作，无额外性能损耗
• 后续如果要新增同组互斥开关，只需要把新开关的id加入mutexSwitchIds数组即可，不需要修改其他逻辑

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