Open TylerOlthuizen opened 5 years ago
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> ) } }
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!