mergeOptions 更改未反映

Question

我正在尝试在其中一个导航选项卡上显示徽章。

onClickSetBadge() {
    console.log('Button pressed!')
    Navigation.mergeOptions(this.props.componentId, {
      bottomTab: {
        badge: `TeSt`
      }
    });
  }

我在我正在渲染的视图中调用它。

<ButtonView text='SUP' onPress={() => {this.onClickSetBadge()}} />

日志语句显示在我的控制台中，但是未显示标记。

Answer 1

根据官方文档：https://wix.github.io/react-native-navigation/#/docs/layout-types?id=updating-options-for-a-specific-tab，是这样的：

1) 为特定选项卡定义一个 id：

    stack: {
      id: 'CartTab',
      children: [{
        component: {
          name: 'store-cart',
        }
      }],
      options: {
        bottomTab: {
          text: 'Cart',
          icon: require('../asset/image/menu/cart.png'),
        }
      }
    }

2) 在需要时使用标签 id 进行更新：

  Navigation.mergeOptions('CartTab', {
    bottomTab: {
      badge: cart.length > 0 ? cart.length.toString() : ''
    }
  });