首页 > 解决方案 > 我正在使用反应导航 v5。我在抽屉导航中有堆栈导航。每次单击抽屉项目时如何获得初始屏幕?

问题描述

我的路由器

import React, {Component} from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import {createDrawerNavigator} from '@react-navigation/drawer';
import Cart from './Cart';
import Home from './Home';
import About from './About';
import Contact from './Contact';
import Product from './Product';
import Search from './Search';

const Drawer = createDrawerNavigator();
const Stack = createStackNavigator();

const SubPart = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="About" component={About} />
      <Stack.Screen name="Search" component={Search} />
      <Stack.Screen name="Product" component={Product} />
      <Stack.Screen name="Contact" component={Contact} />
    </Stack.Navigator>
  );
};
class DrawerMain extends Component {
  render() {
    return (
      <NavigationContainer>
        <Drawer.Navigator>
          <Drawer.Screen name="Home" component={Home} />
          <Drawer.Screen name="SubPart" component={SubPart} />
          <Drawer.Screen name="Cart" component={Cart} />
        </Drawer.Navigator>
      </NavigationContainer>
    );
  }
}

export default DrawerMain;

当我单击子部分时,我得到关于屏幕,然后我进入堆栈屏幕中的产品屏幕,如果我进入购物车抽屉屏幕,然后单击子部分抽屉项目,我得到产品屏幕而不是关于屏幕。我怎么能每次我点击 subpaert 项目抽屉时都会得到关于屏幕?

标签: javascriptreact-nativereact-navigationreact-navigation-stackreact-navigation-drawer

解决方案


推荐阅读