在react-native中，我想获取滚动视图内部内容的高度，而不是滚动视图的总长度

Question

我正在使用onContentSizeChange来获取滚动视图中的高度

onContentSizeChange={(width, height) => { this.setState({ screenHeight: height }) console.log("ScrollView : ",width, height); }}

我能够获得滚动视图的总高度，但如何获得滚动视图中内容的单个高度。

当选项卡容器中的内容增加时，滚动视图中的图像和本机基本选项卡将滚动直到底部和高度增加，但是当选项卡容器中的内容减小或减小时，滚动视图的高度将保持相同，并将空白留在内容后面。

如何根据标签栏内容的高度自动调整滚动视图的高度，以避免滚动视图的高度过大，并在标签栏的内容较少时删除空白。

滚动后，我得到空白，它将占据具有更多数据的选项卡内容的默认高度。

Answer 1

如果您的水龙头容器中有视图组件，则可以使用onLayout回调获取高度和宽度

getDimesions(layout){
    const {x, y, width, height} = layout;
    console.log(x, y, width, height);

  }

<View onLayout={(event) => { this.getDimesions(event.nativeEvent.layout) }} />

现在您可以查看每个组件的单独高度