react-native - 按底部标签打开抽屉不起作用

Question

我正在尝试toggleDrawer打开TabPress，BottomTab但是当我按下选项卡时，我收到以下错误navigation.toggleDrwer() is not a function。

这是我的代码：

export default function BottomTab() {


    return (
        <NavigationContainer>
            <Tab.Navigator>
                <Tab.Screen name="Home" component={DrawerTab} style={styles} listeners={({ navigation }) => ({
                    tabPress: e => {
                        e.preventDefault()
                        navigation.toggleDrawer()
                    },
                })} />
            </Tab.Navigator>
        </NavigationContainer>
    );
}

标签： react-nativereact-native-navigation

Answer 1

我设法找到了答案。所以你实际上必须使用调度。

<Tab.Screen name="Home" component={DrawerTab} style={styles} listeners={({ navigation }) => ({
                    tabPress: e => {
                        e.preventDefault()
                        navigation.dispatch(DrawerActions.toggleDrawer())
                    },
                })} />