有没有办法使用nativescript访问选项卡视图的IOS的badgeValue

Question

我正在尝试为 ios 选项卡创建徽章，我知道通常您可以使用 badgeValue 变量快速访问它，在 nativescript 中有类似的方法吗

Answer 1

是的，您可以访问本机属性。你也可以在 Android 的 TabView 中嵌入一个 Label 来模仿 iOS 的徽章功能

const tabView = <any>args.object;
if (isIOS) {
    tabView.items.forEach((item) => {
        if (item.bageValue) {
            item.__controller.tabBarItem.badgeValue = item.bageValue;
        }
    });
}
if (isAndroid) {
    tabView._badges = {};
    const nativeTabView = tabView._tabLayout.getChildAt(0);
    for (let i = 0; i < nativeTabView.getChildCount(); i++) {
        addBadges(tabView, i, nativeTabView.getChildAt(i), tabView.items[i].bageValue);
    }
}

Playground Sample

注意：示例是在 TypeScript 中，使用 Vue 只是添加侦听器/方法的框架语法可能会有所不同。