Reactjs 我想要一个类似linkedin的抽屉导航行为(查找附加的链接)
我不知道如何链接我的两个导航器,例如我可以通过在ios中向左滑动或单击标题上的后退按钮,从抽屉导航器返回主屏幕。两个导航器的内容不同。 提前谢谢!非常感谢Reactjs 我想要一个类似linkedin的抽屉导航行为(查找附加的链接),reactjs,react-native,Reactjs,React Native,我不知道如何链接我的两个导航器,例如我可以通过在ios中向左滑动或单击标题上的后退按钮,从抽屉导航器返回主屏幕。两个导航器的内容不同。 提前谢谢!非常感谢 从“/StackNavigator”导入{MainStack,ProfileStack}; 从“React”导入React; 从“@react navigation/drawer”导入{createDrawerNavigator}; const Drawer=createDrawerNavigator(); 导出默认函数MyStack(){
从“/StackNavigator”导入{MainStack,ProfileStack};
从“React”导入React;
从“@react navigation/drawer”导入{createDrawerNavigator};
const Drawer=createDrawerNavigator();
导出默认函数MyStack(){
返回(
);
}
从“@react navigation/stack”导入{createStackNavigator};
从“./屏幕/主屏幕”导入主屏幕;
从“./Screens/AskQuestionScreen”导入askqustion屏幕;
从“./Screens/ProfileScreen”导入ProfileScreen;
从“React”导入React;
const-MainStackNavigator=createStackNavigator();
const ProfileStackNavigator=createStackNavigator();
导出函数MainStack(){
返回(
);
}
导出函数ProfileStack(){
返回(
);
}
import { MainStack, ProfileStack } from "./StackNavigator";
import React from "react";
import { createDrawerNavigator } from "@react-navigation/drawer";
const Drawer = createDrawerNavigator();
export default function MyStack() {
return (
<Drawer.Navigator initialRouteName="Home">
<Drawer.Screen name="Profile" component={ProfileStack} />
</Drawer.Navigator>
);
}
import { createStackNavigator } from "@react-navigation/stack";
import HomeScreen from "../Screens/HomeScreen";
import AskQustionScreen from "../Screens/AskQuestionScreen";
import ProfileScreen from "../Screens/ProfileScreen";
import React from "react";
const MainStackNavigator = createStackNavigator();
const ProfileStackNavigator = createStackNavigator();
export function MainStack() {
return (
<MainStackNavigator.Navigator
screenOptions={{
headerStyle: {
backgroundColor: "black",
shadowColor: "#212121",
},
headerTintColor: "white",
headerTitleStyle: {
fontWeight: "bold",
},
}}
>
<MainStackNavigator.Screen name="Home" component={HomeScreen} />
<MainStackNavigator.Screen
name="AskQuestion"
options={{ title: "Upload Question" }}
component={AskQustionScreen}
initialParams={{ itemId: 42 }}
/>
</MainStackNavigator.Navigator>
);
}
export function ProfileStack() {
return (
<ProfileStackNavigator.Navigator
screenOptions={{
headerStyle: {
backgroundColor: "black",
shadowColor: "#212121",
},
headerTintColor: "white",
headerTitleStyle: {
fontWeight: "bold",
},
}}
>
<ProfileStackNavigator.Screen name="Profile" component={ProfileScreen} />
</ProfileStackNavigator.Navigator>
);
}