How to add view component on button in react native?

Question

My question is : I want to render a view component on every key press. But its just calling 2 times only by default. Button is not working. I don't know where I'm doing wrong. Please help. Thanks.

function renderBottomComponent() {
        console.log("here");
            return (
                <View>
                    <Content />
                </View>
            )

    }


  <View style={styles.List}>
                       <View> 
                           <Content abc={this.mhandler} hel={'hahah'}/>

                       </View>

                       {this.renderBottomComponent()}

                </View>



<Button title="Add more" color='green' onPress={this.renderBottomComponent} />

means i want to add components in the list upon key press ! Kindly tell me — M Muzzammil ijaz
– M Muzzammil ijaz, Commented Jan 8, 2019 at 6:57

sdkcy · Accepted Answer · 2019-01-08 07:41:02Z

0

export default class YourClass extends React.Component() {
  constructor(props) {
    super(props);
    this.state = {
        renderComponent: false
    };
    this.onClickHandler = this.onClickHandler.bind(this);
  }

  onClickHandler() {
    this.setState({renderComponent: !this.state.renderComponent})
  }

  render() {
    return (
        <View>
            {this.state.renderComponent && <YourComponent/>}
            <Button title="Add more" color='green' onPress={this.onClickHandler} />
        </View>
    );
}

I hope that will help you

answered Jan 8, 2019 at 7:41

sdkcy

3,5381 gold badge18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add view component on button in react native?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related