react-navigation 的奇怪行为。 (反应本机)

问题描述 投票:0回答:2

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

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

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

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

react-native react-navigation
2个回答
9
投票

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

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

backBehavior: 'none'

请参阅文档了解更多信息。

示例:

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

0
投票

对于 React V6,我们可以这样做

<Tabs.Navigator
    backBehavior="history" //Add this line
/>

文件

© www.soinside.com 2019 - 2024. All rights reserved.