Question

我是React Native的新手，也许这是一个奇怪的问题，我有一个带有BottomTabNavigator的简单应用，其中有4个标签：A，B，C，D。

在屏幕“ A”上，我有一个按钮，当您单击时将转到屏幕“ E”，该屏幕在底部选项卡上不可见。

我尝试添加该navigation.navigate（“ E”），但它似乎仅在将E实际添加到bottomTabs时才起作用。但是我不需要在底部选项卡上看到E屏幕，并且仅应通过转到A并按该按钮才能找到E。

任何想法我该怎么做？

Answer 1

堆栈（App.js）

import React, { Component } from 'react'
import { createStackNavigator } from "@react-navigation/stack";
import { NavigationContainer } from "@react-navigation/native";

const Stack = createStackNavigator()
export default class App extends Component {
render() {
    return (
       <NavigationContainer>
        <Stack.Navigator initialRouteName={"Main"}>
          <Stack.Screen name="Main" component={MainScreen} style={{
           headerShown: false}} />
          <Stack.Screen name="screenE" component={screenE} />
        </Stack.Navigator>
       <NavigationContainer/>
    )
}}

TAB （主屏幕）

import React, { Component } from 'react'
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { NavigationContainer } from "@react-navigation/native";

const Tab = createBottomTabNavigator()

export default class Main extends Component {
 render() {
   return (
    <Tab.Navigator initialRouteName="screenA">
      <Tab.Screen name="screenA" component={screenA} />
      <Tab.Screen name="screenB" component={screenB}  />
      <Tab.Screen name="screenC" component={screenC}  />
      <Tab.Screen name="screenD" component={screenD}  />
    </Tab.Navigator>
)}}

如果您有任何疑问，请随时提出。如果有任何问题，请随时发表评论。

使用BottomTabNavigator导航

1 个答案: