Update downDisplay prop dyamamicaly

[TylerOlthuizen]

Hello,

Good work on this! Is there a way to update the displayDown value after dynamically setting a state value? Heres what Im working with!

const HEADER_HEIGHT = 50;
const CONTAINER_HEIGHT = 300;
var DOWN_DISPLAY = 0 ;

export default class Drawer extends React.Component {

    state = {
        height:0,
    }
    
    handleLayout = ({nativeEvent}) => {
        this.setState({height: CONTAINER_HEIGHT - nativeEvent.layout.height});
    }
    renderContent = () => {
        return (
        <View style={styles.drawerContainer}>
            <TouchableOpacity 
                onPress={this._onPressButton}
                style={styles.grip}            
            />
            <View style={styles.HeaderBar} onLayout={this.handleLayout}>
                <Text style={[styles.H1,styles.header]}>Discover</Text>
                <StoryBarCat title="Test" icon={require("commonwealth/assets/svgs/color-circle.svg")}/>
            </View>
            <View style={styles.tabContent}>
            <Text>HERES SOME MORE TEXT</Text>
            </View>
        </View>
        )
    }

    render() {
        return (
        <BottomDrawer
            containerHeight={300}
            offset={0}
            roundedEdges={true}
            downDisplay={this.state.height}
            startUp={false}
            backgroundColor="#455154"
        >
            {this.renderContent()}
        </BottomDrawer>
        
        )
    }
}