使用内容组件进度反应抽屉导航

【问题标题】：using content component progress react drawer navigation使用内容组件进度反应抽屉导航
【发布时间】：2020-09-18 18:43:10
【问题描述】：

我一直在尝试在我的应用中使用 react-navigation 抽屉。我发现我们在导航器的抽屉内容道具中收到了抽屉的进度（重新激活的节点）。有什么办法可以在我的屏幕组件中使用这个进度。这是我的代码。

   const drawerContent = useCallback(
         ({ progress, ...props }: any) => {
             setProgress(progress);
             return (
                 <DrawerContent {...props} />
             )
         }, []
   )
    <Drawer.Navigator
      drawerContent={drawerContent}>
      <Drawer.Screen name="HomeDrawer">
        {(props) => <Screen {...{ style }} {...props} />}
      </Drawer.Screen>
    </Drawer.Navigator>

【问题讨论】：

标签： react-native react-navigation

【解决方案1】：

从这里阅读最新版本 6.x 的 react-navigation 文档：

https://reactnavigation.org/docs/drawer-navigator/#drawercontent

您应该使用useDrawerProgress() 挂钩来获取当前抽屉进度。并确保在您的自定义DrawerContentView 中调用useDrawerProgress()，否则如果您之前试图取得进展：

<Drawer.Navigator>
  <Drawer.Screen name="HomeDrawer" component={Home}/>
</Drawer.Navigator>

这不起作用，因为它不是创建的，也不存在于视图层次结构中。

【讨论】：