gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 07:01:00 24 4
gpt4 key购买 nike

我一直在尝试在我的应用程序中使用 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>

最佳答案

从这里阅读最新版本 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 层次结构中。

关于react-native - 使用内容组件进度 react 抽屉导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63961196/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com