反应导航获取类组件内的堆栈导航器标题高度（无挂钩）

Question

我知道可以使用以下钩子 (V5) 获取堆栈头高度：

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

类组件有解决方法吗？目前我正在使用上下文消费者来获取 render() 函数中的高度：

<HeaderHeightContext.Consumer>
                  {headerHeight => (   
    ...
    )}
</HeaderHeightContext.Consumer>

但我想在我的 render() 函数之外使用 headerHeight。

Answer 1

你有没有在你的组件中尝试过这样的事情：

static contextType = HeaderHeightContext;

componentDidMount() {
   console.log(this.context); // this is your height
}

来自documentation：

可以为类的 contextType 属性分配一个由 React.createContext() 创建的 Context 对象。这使您可以使用 this.context 使用该 Context 类型的最接近的当前值