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

Posted

技术标签:

【中文标题】有没有办法使用nativescript访问选项卡视图的IOS的badgeValue【英文标题】:Is there a way to access the badgeValue of IOS for tabviews using nativescript 【发布时间】:2020-01-24 18:28:07 【问题描述】:

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

【问题讨论】:

【参考方案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 只是添加侦听器/方法的框架语法可能会有所不同。

【讨论】:

抱歉来晚了,但这对您有很大帮助谢谢??

以上是关于有没有办法使用nativescript访问选项卡视图的IOS的badgeValue的主要内容,如果未能解决你的问题,请参考以下文章

Nativescript:Android 应用程序在模拟器切换选项卡中崩溃,但在控制台中没有任何内容

Nativescript / TypeScript 错误 - 错误 TS5053:无法使用选项“inlineSourceMap”指定选项“sourceMap”

有没有办法使用 @apollo/react-hooks 访问多个 graphql 突变的选项

nativescript vue:每页使用多个布局选项?

如何用西班牙语构建 Nativescript 应用程序?

有没有办法阻止底部导航在应用程序存在之前返回到每个访问过的选项卡?