Navigation Drawer
내 모든 화면에 표시되어야 하는 항목 이 있습니다 (화면 제외 Splash
).
나는 그것을 그렇게 얻었다 :
const Stack = createStackNavigator();
const Drawer = createDrawerNavigator();
const StackNavigator = () => {
return (
<Stack.Navigator>
<Stack.Screen name="EstateDetails" component={Screens.EstateDetails} />
<Stack.Screen name="Tour" component={Screens.Tour} />
<Stack.Screen name="Comparison" component={Screens.Comparison} />
<Stack.Screen name="Blog" component={Screens.Blog} />
<Stack.Screen name="Auth" component={Screens.Auth} />
</Stack.Navigator>
);
};
const DrawerNavigator = () => {
return (
<Drawer.Navigator drawerContent={props => CustomDrawerContent(props)}>
<Drawer.Screen name="HomeScreen" component={Screens.Home} />
<Drawer.Screen name="stack" component={StackNavigator} />
<Drawer.Screen name="RegisterEstate" component={Screens.RegisterEstate} />
<Drawer.Screen name="Filter" component={Screens.Filter} />
<Drawer.Screen name="Conditions" component={Screens.Conditions} />
<Drawer.Screen name="Judicial" component={Screens.Judicial} />
<Drawer.Screen name="ContactUs" component={Screens.ContactUs} />
<Drawer.Screen name="ReportBugs" component={Screens.ReportBugs} />
</Drawer.Navigator>
)
};
export const AppNavigator = () => {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="Splash">
<Stack.Screen name="Splash" component={Screens.Splash}/>
<Stack.Screen name="Home" component={DrawerNavigator}/>
</Stack.Navigator>
</NavigationContainer>
);
};
이 경우 모든 괜찮은 스택 화면이 서랍 화면으로 작동합니다. (화면은 한 번만로드되고 블로그 화면과 같이 다음에 초기로드가 표시됩니다.)
스플래시를 제외한 모든 페이지에 커서가 있어야하며 일부 페이지 (예 : 동일한 콘텐츠가없는 동적 페이지)를 스택해야합니다.
다른 모든 화면에 동일한 서랍을 표시하려면 서랍을 표시하려는 다른 모든 화면에 {DrawerNavigator}를 전달하기 만하면됩니다.
<Stack.Screen name="Blog " component={DrawerNavigator} />
<Stack.Screen name="Tour" component={DrawerNavigator} />
이제 블로그 및 둘러보기 화면에서 액세스 할 수 있습니다.
다른 화면에 다른 서랍을 표시하려면 새 기능을 만듭니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다