React-Native-Navigation (WIX)：如何更新 bottomTab 的徽章计数？

Question

我正在使用 Navigation.mergeOptions() 函数尝试更新第三个选项卡 (tabindex = 2) 的徽章计数，但是，徽章计数没有更新。这是 setRoot 的原始布局对象的样子：

{
    root: {
        bottomTabs: {
            children: [
                {
                    stack: {
                        children: [
                            {
                                component: {
                                    name: 'navigation.main.Dispensaries',
                                },
                            }
                        ],
                        options: {
                            topBar,
                            bottomTab: NavStyles.tab('Dispensaries', dispensariesTabIcon),
                        }
                    }
                },
                {
                    stack: {
                        children: [
                            {
                                component: {
                                    name: 'navigation.main.Orders',
                                },
                            }
                        ],
                        options: {
                            bottomTab: NavStyles.tab('My BudBuddy', myBudbuddyTabIcon),
                            topBar,
                        }
                    }
                },
                {
                    stack: {
                        children: [
                            {
                                component: {
                                    name: 'navigation.main.Checkout',
                                },
                            }
                        ],
                        options: {
                            bottomTab: NavStyles.tab('Bag', bagTabIcon, badge),
                            topBar,
                        }
                    }
                },
            ], options: {
                //topBar,
                bottomTabs: {
                    currentTabIndex: 0,
                },
            },
        },
    }

然后，在我的一个组件中，我这样做了，但它对徽章计数没有影响：

Navigation.mergeOptions(this.props.componentId, {
            bottomTabs: {
                children: [
                    {}, {},
                    {
                        stack: {
                            options: {
                                bottomTab: {
                                    badge: '31',
                                },
                            },
                        },
                    },
                ],
            },
        });

我很确定那是错误的，我什至尝试在上面的第一个代码块中复制原始布局对象，除了徽章计数不同，但它什么也没做。有任何想法吗？谢谢！

Answer 1

Updating options for a specific tab

希望对您有所帮助。