React Navigation : 모든 화면에 탐색 창을 표시하는 방법은 무엇입니까?

Mahdi Bashirpour

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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

React-navigation : TabNavigator에 표시되지 않는 탐색을 추가하는 방법은 무엇입니까?

분류에서Dev

모든 화면 크기에서 탐색 표시 줄을 축소하는 방법은 무엇입니까?

분류에서Dev

React Navigation 5에서 부모 기능을 자식 화면에 전달하는 방법은 무엇입니까?

분류에서Dev

react-native-navigation을 사용하여 화면 간을 올바르게 탐색하는 방법은 무엇입니까?

분류에서Dev

웹 페이지에서 모든 탐색을 비활성화하는 방법은 무엇입니까?

분류에서Dev

탐색 창을 작업 표시 줄 아래에 표시하는 방법은 무엇입니까?

분류에서Dev

"목록"모드에서 Windows 탐색기 열 머리글을 표시하는 방법은 무엇입니까?

분류에서Dev

탐색 모음을 상태 표시 줄에 원활하게 만드는 방법은 무엇입니까?

분류에서Dev

Semantic-react-ui의 모달 화면에 팝업을 표시하는 방법은 무엇입니까?

분류에서Dev

DOM을 탐색하고 모든 태그를 표시하는 방법은 무엇입니까?

분류에서Dev

악의 모드에서 쉬운 탐색 창 동작을 얻는 방법은 무엇입니까?

분류에서Dev

Angular JS : 페이지의 모든 탐색에 동일한 URL을 설정하는 방법은 무엇입니까?

분류에서Dev

다른 모든 창 위에 창을 표시하는 방법은 무엇입니까?

분류에서Dev

각 탭을 탐색 창에 연결하는 방법은 무엇입니까?

분류에서Dev

탐색 창에 아이콘을 추가하는 방법은 무엇입니까?

분류에서Dev

React Navigation v. 5에서 DrawerItemList를 사용하여 서랍 탐색기에서 사용자 지정 버튼을 전달하는 방법은 무엇입니까?

분류에서Dev

탐색 모음에 버튼을 추가하는 방법은 무엇입니까?

분류에서Dev

Windows 8.1에서 현재 화면의 모든 창을 최소화하는 방법은 무엇입니까?

분류에서Dev

내 탐색 모음에 하나의 화살표 만 표시하는 방법은 무엇입니까?

분류에서Dev

React JS에서 API의 모든 항목을 표시하는 방법은 무엇입니까?

분류에서Dev

Android에서 모든 화면 크기 하단에 팝업 창을 설정하는 방법은 무엇입니까?

분류에서Dev

xaml C #에서 모든 창의 배경색을 설정하는 방법은 무엇입니까?

분류에서Dev

javafx의 모든 창에 동일한 배경색을 추가하는 방법은 무엇입니까?

분류에서Dev

측면 탐색 모음을 여는 동안 HTML의 내용을 푸시하는 방법은 무엇입니까?

분류에서Dev

Android 6.0에서 탐색 모음을 숨기는 방법은 무엇입니까?

분류에서Dev

Windows 10 메일 : 왼쪽 창에 모든 계정을 표시하는 방법은 무엇입니까?

분류에서Dev

OS X의 모든 작업 공간에 표시 할 창을 설정하는 방법은 무엇입니까?

분류에서Dev

xubuntu에서 '모든 창 표시'기능을 추가하는 방법은 무엇입니까?

분류에서Dev

React Navigation v4에서 초기화되지 않은 탐색 참조를 처리하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    React-navigation : TabNavigator에 표시되지 않는 탐색을 추가하는 방법은 무엇입니까?

  2. 2

    모든 화면 크기에서 탐색 표시 줄을 축소하는 방법은 무엇입니까?

  3. 3

    React Navigation 5에서 부모 기능을 자식 화면에 전달하는 방법은 무엇입니까?

  4. 4

    react-native-navigation을 사용하여 화면 간을 올바르게 탐색하는 방법은 무엇입니까?

  5. 5

    웹 페이지에서 모든 탐색을 비활성화하는 방법은 무엇입니까?

  6. 6

    탐색 창을 작업 표시 줄 아래에 표시하는 방법은 무엇입니까?

  7. 7

    "목록"모드에서 Windows 탐색기 열 머리글을 표시하는 방법은 무엇입니까?

  8. 8

    탐색 모음을 상태 표시 줄에 원활하게 만드는 방법은 무엇입니까?

  9. 9

    Semantic-react-ui의 모달 화면에 팝업을 표시하는 방법은 무엇입니까?

  10. 10

    DOM을 탐색하고 모든 태그를 표시하는 방법은 무엇입니까?

  11. 11

    악의 모드에서 쉬운 탐색 창 동작을 얻는 방법은 무엇입니까?

  12. 12

    Angular JS : 페이지의 모든 탐색에 동일한 URL을 설정하는 방법은 무엇입니까?

  13. 13

    다른 모든 창 위에 창을 표시하는 방법은 무엇입니까?

  14. 14

    각 탭을 탐색 창에 연결하는 방법은 무엇입니까?

  15. 15

    탐색 창에 아이콘을 추가하는 방법은 무엇입니까?

  16. 16

    React Navigation v. 5에서 DrawerItemList를 사용하여 서랍 탐색기에서 사용자 지정 버튼을 전달하는 방법은 무엇입니까?

  17. 17

    탐색 모음에 버튼을 추가하는 방법은 무엇입니까?

  18. 18

    Windows 8.1에서 현재 화면의 모든 창을 최소화하는 방법은 무엇입니까?

  19. 19

    내 탐색 모음에 하나의 화살표 만 표시하는 방법은 무엇입니까?

  20. 20

    React JS에서 API의 모든 항목을 표시하는 방법은 무엇입니까?

  21. 21

    Android에서 모든 화면 크기 하단에 팝업 창을 설정하는 방법은 무엇입니까?

  22. 22

    xaml C #에서 모든 창의 배경색을 설정하는 방법은 무엇입니까?

  23. 23

    javafx의 모든 창에 동일한 배경색을 추가하는 방법은 무엇입니까?

  24. 24

    측면 탐색 모음을 여는 동안 HTML의 내용을 푸시하는 방법은 무엇입니까?

  25. 25

    Android 6.0에서 탐색 모음을 숨기는 방법은 무엇입니까?

  26. 26

    Windows 10 메일 : 왼쪽 창에 모든 계정을 표시하는 방법은 무엇입니까?

  27. 27

    OS X의 모든 작업 공간에 표시 할 창을 설정하는 방법은 무엇입니까?

  28. 28

    xubuntu에서 '모든 창 표시'기능을 추가하는 방법은 무엇입니까?

  29. 29

    React Navigation v4에서 초기화되지 않은 탐색 참조를 처리하는 방법은 무엇입니까?

뜨겁다태그

보관