javascript - 如何获取具有大量子元素的ScrollView的高度？

Question

有没有办法在React Native中获取整个ScrollView元素的高度？

return (
  <View ref='container' style={[ styles.container, backgroundColor, {width: this.props.width} ]}>
    <ScrollView ref='scroll' style={styles.scrollView}>  --> what height with inner content?
      {this._getTitle()}
      <View style={styles.content}>
        {items}
      </View>
      <View style={[styles.empty]} />
    </ScrollView>
  </View>
)

Answer 1

我不知道这是否是官方记录的 API，但是可以使用 native ScrollView 管理器来获取内容大小。

添加必要的导入:

import ReactNative, {NativeModules} from 'react-native';
const ScrollViewManager = NativeModules.ScrollViewManager;

在您已经有权访问 ScrollView 引用的位置调用此代码:

if(ScrollViewManager && ScrollViewManager.getContentSize) {
  ScrollViewManager.getContentSize(ReactNative.findNodeHandle(this.scrollViewRef), (contentSize) => {
    console.log(contentSize);
  })
}