Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用大量子元素获取ScrollView的高度?_Javascript_React Native - Fatal编程技术网

Javascript 如何使用大量子元素获取ScrollView的高度?

Javascript 如何使用大量子元素获取ScrollView的高度?,javascript,react-native,Javascript,React Native,有没有办法在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 conte

有没有办法在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>
)
返回(
-->内部内容的高度是多少?
{this.\u getTitle()}
{items}
)

我不知道这是否是一个官方记录的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);
  })
}

我不知道这是否是一个官方记录的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);
  })
}

您是否询问滚动视图的高度或内容大小?高度通常是固定的,并且内容大小会随着子项添加到滚动容器中而变化。我希望接收scrollView的高度以及添加到其中的内容@Artalagain,高度是固定的。例如:您的滚动视图可以占据整个屏幕。但内容不一样,可以更低,也可以更高(此时,您可以滚动内容以达到全部目的)。如果要检查高度或内容大小,请明确,这是两个不同的东西。好的,如何获得以像素为单位的内容大小?请参阅我的答案,不知道这是否正是您所追求的,但可能会有所帮助。您是否询问卷轴视图的高度或内容大小?高度通常是固定的,并且内容大小会随着子项添加到滚动容器中而变化。我希望接收scrollView的高度以及添加到其中的内容@Artalagain,高度是固定的。例如:您的滚动视图可以占据整个屏幕。但内容不一样,可以更低,也可以更高(此时,您可以滚动内容以达到全部目的)。如果要检查高度或内容大小,请明确,这是两个不同的东西。好的,如何以像素为单位获取内容大小?请看我的答案,不知道这是否正是您想要的,但可能会有帮助谢谢,它有帮助谢谢,它有帮助