如何禁用选项卡切换选项卡按下？

Question

我使用react-native-tab-view作为选项卡。现在，我有了一个非常奇怪的用例，我不希望用户通过单击选项卡来遍历其他选项卡，即按下选项卡。

我希望在每个选项卡上使用自定义按钮来回遍历。

Answer 1

回答我自己的问题。

为此，在onTabPress的TabBar道具中有一个名为react-native-tab-view的道具。

使用以下函数：preventDefault()。

您可以执行以下操作来禁用选项卡单击。

• If您想要为特定的选项卡than...

禁用它

{ // route.key将是您特定选项卡的路由密钥，如果(route.key === 'home') { preventDefault()；//做其他}} . />

• If要禁用选项卡，单击所有选项卡.

{ preventDefault()；} />

注意:这也适用于反应导航。附加链接： https://reactnavigation.org/docs/navigation-events/