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

有什么方法可以在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>
)

最佳答案

我不知道这是否是正式记录的API，但是可以使用本机滚动视图管理器来完成内容大小的获取。

添加必要的导入：

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);
  })
}

关于javascript - 如何获得带有大量子元素的ScrollView的高度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42276553/