Как открыть навигатор с помощью кнопки onPress event

Question

Я добавил навигатор, используя React Navigation 5.x . Это работает, когда проводите по экрану. Но я хочу показать это, когда я нажимаю на значок гамбургера в разделе заголовка. Заголовок - это отдельный компонент и навигатор ящика, который в настоящее время размещен в файле приложения. js следующим образом.

Приложение. js

const Drawer = createDrawerNavigator();

const Stack = createStackNavigator();

    function MyDrawer() {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="Login" component={Login} />
      <Drawer.Screen name="Register" component={Register} />
      <Drawer.Screen name="Place an Order" component={Order} />
      <Drawer.Screen name="Place an Order_temp" component={OrderPage} />
    </Drawer.Navigator>
  );
}

const App = () => {
  return (
    <View style={styles.container}>
      <Header />
      <NavigationContainer>
        <MyDrawer />
      </NavigationContainer>
    </View>
  );
};

Верхний колонтитул. js

const Header = () => {
  return (
    <View style={styles.child}>
      <Image
        source={require("../../assets/image/shared/logo-nav.png")}
        style={styles.logo}
      />
      <Ripple rippleColor="rgb(255,255,255)" style={styles.buttonContainer}>
        <FontAwesome.Button
          name="bars"
          color="#ffcc00"
          style={styles.barButton}
        ></FontAwesome.Button>
      </Ripple>
    </View>
  );
};

В настоящее время ящик отображается таким же образом при проведении экрана

Answer 1

Если бы тот же вопрос, надеюсь, эта помощь: