时间戳

首页 > 解决方案 > 如何在本机基本选项卡中从子选项卡导航到父选项卡？

react-native - 如何在本机基本选项卡中从子选项卡导航到父选项卡？

问题描述

该场景就像我有一个本机基本选项卡，其中有 4 个选项卡。在第二个选项卡中，我有一个子选项卡，其中还有 4 个选项卡。我需要的是当在任何子选项卡上单击按钮时，我需要导航到父选项卡的第一个选项卡。我只是尝试使用 导航this.props.navigation.navigate('tab')，但没有成功。任何人都可以提出一些解决这个问题的方法吗？谢谢你。

标签： react-nativenative-base

解决方案

我认为您应该创建带有 4 个选项卡子项的堆栈。创建带有 4 个选项卡父级的 bottomTabbar。并将堆栈嵌套到bottomTab。

例如堆栈

export const AssignStack = createStackNavigator({
Assign,
Search,
SearchResults,
TaskList,
TaskElement,
TaskDetail,
}

例如底部标签

const TabNavigator = createBottomTabNavigator({
Mine: MineStack,
Assign: AssignStack,
Related: RelatedStack,
Chatting: ChatStack,
Notify: Notify,
Setting: SettingStack
}

在您的堆栈中，您可以使用 this.props.navigation.navigate('MineStack')。很抱歉我的演讲和我的英语不好。希望能帮到你

推荐阅读