Я хотел бы переключить Drawer с BottomTab... поэтому, как только я нажимаю значок вкладки, я хочу, чтобы Drawer переключался. Я пробовал разные решения, но не добился успеха. Пожалуйста помоги. Это мой код:
App.js
export default function App() {
return (
<SafeAreaView>
<BottomTab/>
</SafeAreaView>
);
}
BottomTab.js:
const Tab = createBottomTabNavigator();
export default function BottomTab() {
return (
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name = "Home" component = {DrawerTab} style = {styles} />
</Tab.Navigator>
</NavigationContainer>
);
}
Drawer.js:
const ScreenComponent = ()=>{
return null
}
const ScreenComponentTwo = ()=>{
return null
}
const Drawer = createDrawerNavigator();
export default function DrawerTab() {
return (
<Drawer.Navigator initialRouteName = "Home">
<Drawer.Screen name = "Home" component = {ScreenComponent}/>
<Drawer.Screen name = "Notifications" component = {ScreenComponentTwo}/>
</Drawer.Navigator>
);
}
Вы можете использовать tabBarButton
prop, чтобы использовать свой пользовательский элемент для кнопки панели вкладок. Таким образом, вы будете иметь прямой контроль над тем, что происходит при нажатии этого элемента, и вы можете просто вызвать navigation.openDrawer();
https://reactnavigation.org/docs/bottom-tab-navigator#tabbarbutton
или вы можете использовать событие tabpress
, чтобы переопределить поведение по умолчанию и вызвать navigation.openDrawer();
оттуда.
https://reactnavigation.org/docs/bottom-tab-navigator#tabpress
Спасибо за ваш ответ! я пробовал с TabBarButton и TabPress... но не повезло... можете ли вы показать мне, как бы вы это сделали?