当在第二个选项卡上按下后退按钮时,react-navigation 的奇怪行为。(反应原生)

Bri*_*Lee 0 react-native react-navigation

我正在使用 React Native 制作应用程序。我有一个 tabNavigator。

如果我转到第二个选项卡并按顶部导航栏上的后退按钮,它会转到第一个选项卡而不是返回上一个屏幕。

我也在 react-navigation 的示例应用程序中注意到了这种行为,所以也许它是这样制作的。

无论我从哪个选项卡按下后退按钮,我都不能让我的选项卡导航器转到上一个屏幕吗?

Kra*_*log 5

这确实是 react-navigation 的默认行为。

您可以在选项卡导航器的定义中更改它,方法是指定

backBehavior: 'none'
Run Code Online (Sandbox Code Playgroud)

有关更多信息,请参阅文档

例子:

const Tabs = TabNavigator({
  Tab1: {screen: Screen1},
  Tab2: {screen: Screen2},
  Tab3: {screen: Screen3}
}, {
  backBehavior: 'none'
});
Run Code Online (Sandbox Code Playgroud)