按下底部卡舌打开抽屉不起作用

Question

我正在BottomTab中的TabPress上尝试toggleDrawer，但当我按下选项卡时，我得到以下错误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>
);
}

Answer 1

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

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