React Native：获取可用高度

Question

我需要获取顶部和底部元素之间的可用高度。目前，我正在计算 screenHeight - statusBarHeight - topElementHeight - bottomElementHeight。

此方法有效，但是我始终必须查找所有顶部和底部元素是否可见并对此进行说明。 有没有更好的方法来达到这个高度？

Answer 1

在顶部和底部元素之间放置一个View元素，并使用onLayout prop接收此View的尺寸。

    render() {
       <TopComponent />
       <View onLayout={this.measureView} />
       <BottomComponent />
    }

    measureView = (event) => {
       console.log(event.nativeEvent.layout.height)
    }

确保视图占据顶部和底部元素之间的整个空间。您可以根据当前的布局使用flexbox或绝对定位。