反应导航v5 @ react-navigation /抽屉检查抽屉是否打开

Question

因此在React Navigation v5中如何检查抽屉是否打开 不是我使用自定义抽屉 drawerContent={(props) => <DrawerComponent {...props} />}

const isDrawerOpen = useIsDrawerOpen()我不能从

使用它

Answer 1

useIsDrawerOpen() 是用于检测抽屉是否在父导航器中打开的挂钩。

例如，您可以使用以下方法来测试抽屉是否打开：

import { useIsDrawerOpen } from '@react-navigation/drawer';

const MainContainer = () => {
   return (
    <View style={(useIsDrawerOpen()) ? styles.conatinerOpenStyle : styles.containerClosedStyle}>
        <Text>{console.log("Test drawer  "+useIsDrawerOpen())}</Text>

    </View>
);}

它将向您指示抽屉的状态。