react-native - 使用内容组件进度 react 抽屉导航

Question

我一直在尝试在我的应用程序中使用 react-navigation drawer。我发现我们在 Navigator 的 drawerContent Prop 中收到了抽屉的进度(动画节点)。有什么办法可以在我的 Screen 组件中使用这个进度。这是我的代码。

   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>

Answer 1

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

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

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

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

这是行不通的，因为它不是创建的，也不存在于 View 层次结构中。