리액트 네이티브 네비게이션 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>
공유하기
조회수 : 430