反应导航如何在TABBARTESTID中添加动态测试ID

Question

我正在使用React-Navigation，当该特定选项卡被焦点且不关注时，我想在Tabbartesid中添加动态测试ID，因为当测试团队在特定的选项卡栏时看不到差异是否被录音。

我想在导航器中添加它，在这里：

Home: {
screen: HomeTab,
navigationOptions: ({ navigation }) => ({
  tabBarTestID: 'bottom-tab-bar-home',
  tabBarAccessibilityLabel: 'bottom-tab-bar-home',
  tabBarIcon: ({ focused }) => <TabIcon type='menu_home' isActive={focused} />,
  tabBarVisible: isTabBarVisible(navigation),
  tabBarLabel: i18n.t('tab_bar_home')
})

}

有人知道React-Navigation是否会自动设置一个属性，如果被点击了？

Answer 1

也许这将帮助某人，我们仅添加了测试ID，仅用于底部选项卡，我们使用以下属性：

ios

• 为 TABBARTESTID设置测试ID

Android

• 为 TABBARACCOSSIBIDIABLELABEL设置测试ID

  const TabNavigator = createBottomTabNavigator(
  {
    Home: {
      screen: HomeStack,
      navigationOptions: ({ navigation }) => ({
        ...setTestID(testIDs.homeTabBarButton) ... 
  
  const setTestID = (testID = '') => {
      if (isIOS) {
        return {
          tabBarTestID: testID
        };
      }
      return {
        tabBarAccessibilityLabel: testID
      };
    };