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

Question

如果您只有 ，如何测量反应原生元素的高度ref？

我看到了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,
          });
        });

这个链接可能有帮助：点击这里