reactjs - 当用户按下 View 中的按钮时更改 TabBarNavigator 中的事件选项卡

Question

提醒一下，我是一名 UX 设计师，正在学习 React Native 来制作原型(prototype)。

我试图弄清楚当用户在不同选项卡上的 View 中点击按钮时如何更改事件选项卡。

例如，如果您在主 View 上并且用户单击一个按钮将它们带到设置 View ，我希望设置选项卡在 View 呈现时显示为事件的底部选项卡。

我目前可以让应用程序导航到新 View ，但它仍会将主页选项卡显示为事件选项卡。此外，导航到可通过底部选项卡导航访问的屏幕之一时，标题中不应有“后退”按钮。我查看了 React Navigation 3.x 文档，但找不到任何可以解决此用例的内容。

这是我目前使用的代码。

<TouchableOpacity
        onPress={() => {
          this.props.navigation.push("Settings");
        }}
      >{...} 
</TouchableOpacity>

Answer 1

创建底部选项卡导航器时，请确保将设置屏幕作为该选项卡的一部分。

此外，而不是 push ，考虑 navigate因为这是文档建议从 v3 和更新版本开始执行的操作。

引用:https://reactnavigation.org/docs/en/tab-based-navigation.html

const TabNavigator = createBottomTabNavigator({
  Home: HomeScreen,
  Settings: SettingsScreen,
});