Dyanamic Height for different screens

[gtkris98]

@jacklein
I am using rn-bottom-drawer for drawer implementation for my app. I tried several ways like PixelRatio, ModerateScale, If-else for range of screen height but i am unsuccessful in setting such a containerHeight that it works perfectly with all device screens and there is no space between my drawer and bottom of my screen.

My Code:

<BottomDrawer
        ref={"_drawer"}
        containerHeight={moderateScale(270)}
        startUp={false}
        backgroundColor={null}
        downDisplay={moderateScale(200)}
        onExpanded={() => this.setState({ isRecentSearchesExpanded: true })}
        onCollapsed={() => this.setState({ isRecentSearchesExpanded: false })}>
        <View style={{ width: screenWidth }}>
                <ImageBackground 
                         source={require('../../assets/tabBkgd.png')} 
                         style={{ 
                                height: "100%", 
                                width: screenWidth, 
                                 justifyContent: "center", 
                                 backgroundColor: "transparent" }} 
                         resizeMode="stretch">
                    {/* some views here */}
                </ImageBackground>
         </View>
</BottomDrawer>