测量 react-native ref (ListView) 的高度

Question

如果只有 ref，如何测量 react-native 元素的高度？

我看到NativeMethodsMixin，但不清楚如何实现。

我尝试将其包含为：

import { NativeMethodsMixin } from 'react-native';
class Foo extends Component {
  mixins: [NativeMethodsMixin]
  measure(ref) {
    console.log(NativeMethodsMixin.measure(ref));
  }
  ...
}

但应用程序抱怨 NativeMethodsMixin 未定义。

如果我走RCTUIManager 路线：

import { NativeModules } from 'react-native';
const RCTUIManager = NativeModules.UIManager;
class Foo extends Component {
  measure(ref) {
    const height = RCTUIManager.measure(ref, (x, y, width, height, pageX, pageY) => height));
    console.log(height);
  }
  ...
}

然后我得到一个错误：Uncaught TypeError: Converting circular structure to JSON

我只想知道ref 的高度。我错过了什么？

Answer 1

你可以这样做：

    this.refs[your ref key].measure((fx, fy, width, height, px, py) => {
          this.state.origins.push({
            x: px,
            y: py,
            width,
            height,
          });
        });

此链接可能有帮助：click here