Переключить ящик с нижней вкладки

Я хотел бы переключить 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>

    );
}
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
0
0
152
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать 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... но не повезло... можете ли вы показать мне, как бы вы это сделали?

Josip Marić 14.12.2020 21:44

Другие вопросы по теме