검색
검색
공개 노트 검색
회원가입로그인

리액트 네이티브 네비게이션 stack navigator & tab navigator 구현

목표노트 앱은 세 개의 탭이 있고 공통으로 글을 올릴 수 있는 스택 창이 하나 존재한다. 이 경우 다음과 같이 구현했다.

const MyTab = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen
        name="Objectives"
        component={ObjectivesContainer}
      />
      <Tab.Screen
        name="Times"
        component={TimesContainer}
      />
      <Tab.Screen
        name="Notes"
        component={NotesContainer}
      />
    </Tab.Navigator>
  );
};
<NavigationContainer>
  <Stack.Navigator>
    <Stack.Screen
      name="MyTab"
      component={MyTab}
      options={{headerShown: false}}
    />
    <Stack.Screen
      name="AddObjective"
      component={AddObjectiveContainer}
    />
  </Stack.Navigator>
</NavigationContainer>
공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
조회수 : 430
heart
T
페이지 기반 대답
AI Chat