如何在本机基本选项卡中从子选项卡导航到父选项卡？答案

【问题标题】：How to navigate from child tab to parent tab in native base tabs?如何在本机基本选项卡中从子选项卡导航到父选项卡？
【发布时间】：2020-03-03 06:19:54
【问题描述】：

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

【问题讨论】：

标签： react-native native-base

【解决方案1】：

我认为您应该创建带有 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')。很抱歉我的演讲和我的英语不好。希望能帮到你

【讨论】：

嗨@Trịnh Đức Duy，请您详细说明一下。就像，我在Assign 中有两个子标签。如果我需要从那里移动到Mine，我可以简单地使用this.props.navigation.navigate('Mine') 对吗？如果我错了，请纠正我。
github.com/Duya3fithou/DemoNavigation4x 这是我为您制作的示例。 @Sriram
您可以使用this.props.navigation.navigate('MineStack') 而不是this.props.navigation.navigate('Mine')。但不推荐。你应该使用“重置”而不是“导航”
感谢您提供示例回购伙伴 :-) @Trịnh Đức Duy reset 方法对我来说效果很好。