Navigator 도 jsx 로 작성되었는데
다른 태그로 감싸 다뤄볼 생각은 못했다..
function MainTab() {
return (
<>
<View style={{flex: 1, zIndex: 0}}>
<Tab.Navigator
screenOptions={{
headerShown: false,
tabBarShowLabel: false,
tabBarActiveTintColor: '#6200ee',
}}>
<Tab.Screen
name="HomeStack"
component={HomeStack}
options={{
tabBarIcon: ({color}) => (
<Icon name="home" size={24} color={color} />
),
}}
/>
</Tab.Navigator>
<CameraButton />
</View>
</>
);
}