NativeScript Switch初始值为true时加载报错，求解决方案

这个问题是因为初始值设为true时，Angular表单的CheckedValueAccessor会在Switch组件的NativeView（Android原生控件）完成初始化前触发checked属性变更，导致调用getTrackDrawable时找不到对应的原生对象。可以通过以下几种方式解决：

1. 改用双向数据绑定（推荐） #

把HTML里的插值绑定checked="{{isNightlyMode}}"替换成Angular的双向绑定语法，同时简化事件处理逻辑：

修改后的HTML代码： #

<Switch col="2" row="0" class="switcher" color="#FFFFFF" 
        backgroundColor="#DCA44F" offBackgroundColor="#B8B8B8" 
        [(checked)]="isNightlyMode" (checkedChange)="onCheckedChange()">
</Switch>

修改后的TS代码： #

onCheckedChange() {
    console.log('nightly ' + this.isNightlyMode);
    // 双向绑定会自动更新isNightlyMode，无需手动取反
}

双向绑定会确保属性变更和NativeView的初始化顺序匹配，避免提前触发属性变更导致的错误。

2. 延迟初始化isNightlyMode #

如果不想改绑定方式，可以在组件的ngAfterViewInit生命周期钩子中再设置初始值为true，确保NativeView已经完全创建：

import { AfterViewInit, Component } from "@angular/core";

@Component({
    // 组件元数据
})
export class YourComponent implements AfterViewInit {
    isNightlyMode = false; // 先设为默认false

    ngAfterViewInit(): void {
        // 视图初始化完成后再切换为true
        setTimeout(() => {
            this.isNightlyMode = true;
        }, 0);
    }

    onCheckedChange() {
        this.isNightlyMode = !this.isNightlyMode;
        console.log('nightly ' + this.isNightlyMode);
    }
}

3. 升级NativeScript核心库 #

这个错误可能是旧版本@nativescript/core的已知bug，尝试升级到最新稳定版：

npm install @nativescript/core@latest --save

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