React Navigation获取堆栈标题高度

Question

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

当释放A上的平移手势(拖动)时,我需要检测组件A的位置是否在组件B内.然而,相对于整个屏幕测量来自onPanResponderReleases gesture.moveY的位置,而onLayout相对于父视图测量从A返回的位置.因此,我需要知道父视图的当前高度以协调差异.

Answer 1

您可以像这样访问标题高度

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

源代码

Spencer Carli的学分

Answer 2

对于 React 导航 V6：

您可以将其用于功能组件

import { useHeaderHeight } from '@react-navigation/elements';

这对于类组件和功能组件都是如此

import { HeaderHeightContext } from '@react-navigation/elements';

// ...

<HeaderHeightContext.Consumer>
  {headerHeight => {
    /* render something and use "headerHeight" in child components*/
  }}
</HeaderHeightContext.Consumer>

从这里阅读更多内容