React Navigation获取堆栈标题高度

Question

如何以编程方式获取 StackNavigator 标头的高度？

当释放 A 上的平移手势（拖动）时，我需要检测组件 A 的位置是否在组件 B 内。但是，从 onPanResponderRelease 的 gesture.moveY 的位置是相对于整个屏幕测量的，而从 A 的 onLayout 返回的位置是相对于父级测量的看法。所以我需要知道父视图的当前高度来调和差异。

原文由 Avery235 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

反应导航 V6

 import { useHeaderHeight } from '@react-navigation/elements';
const headerHeight = useHeaderHeight();

反应导航 V5

 import { useHeaderHeight } from '@react-navigation/stack';
const headerHeight = useHeaderHeight();

或使用 React Context 的 API （不推荐）

反应导航 V4

 import { Header } from 'react-navigation-stack';
const headerHeight = Header.HEIGHT;

反应导航 V2-V3

 import { Header } from 'react-navigation';
const headerHeight = Header.HEIGHT;

---

这个问题的另一个答案

原文由 Florent Roques 发布，翻译遵循 CC BY-SA 4.0 许可协议