如何在底部导航（反应导航v5）中使用tabBarOnLongPress？

Question

我无法在React Navigation v5上找到关于如何使用tabBarOnLongPress的示例和片段。如果有人已经做过，可以帮忙吗？

Answer 1

如果您使用的是标准TabNavigator，只需在屏幕组件中订阅tabLongPress事件即可。

const unsubscribe = navigation.addListener('tabLongPress', (e) => {
   // Do something
});

小吃示例：https://snack.expo.io/HewmpqPQD

如果您使用的是自定义标签导航器，请不要忘记发出tabLongPress事件。

const onLongPress = () => {
          navigation.emit({
            type: 'tabLongPress',
            target: route.key,
          });
        };

此处有更多信息：https://reactnavigation.org/docs/material-top-tab-navigator/