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

希望这会有所帮助。