title: setState({}) is not changing my boolean value In react native app
body: <p>I am trying to show/hide my input field in react Native firstly i set my <code>showFilters</code> true in state and in my function i have set it to false... like this...</p>
  
  <pre><code>hide(){
          console.log("hello");
          this.setState({showFilters: false}); 
        }
  </code></pre>
  
  <p>here is my <code>this.state</code> ...</p>
  
  <pre><code>constructor() {
  
          super();
  
          this.state = {
              showFilters:true,
              radioButtons: [
              {
                label: 'Freelancer',
                value: 'freelancer',
                checked: true,
                color: '#323232',
                disabled: false,
                onPress: this.hide(),
                size: 11
  
              },
  
          {
            label: 'Jobs',
            value: 'jobs',
            checked: false,
            color: '#323232',
            disabled: false,
            size: 11
  
          },
          {
            label: 'Employer',
            value: 'employer',
            checked: false,
            color: '#323232',
            disabled: false,           
            size: 11   
          } ]
  </code></pre>
  
  <p>I want to hide my layout when press radio button...</p>
  
  <pre><code>{ this.state.showFilters   ?
                  &lt;TextInput style={{fontSize:17 , height:45}}  editable = {true} placeholder="Hello"&gt;&lt;/TextInput&gt; : null
              }
  </code></pre>
  
  <p>the terminal is showing hello message but not changing the state..
  showing warning...</p>
  
  <pre><code>Warning: Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};`
  </code></pre>
  
  <p>here is Radio button code</p>
  
  <pre><code>render(){
          let selectedItem = this.state.radioButtons.find(e =&gt; e.checked == true);
          selectedItem = selectedItem ? selectedItem.value : this.state.radioButtons[0].value;
          return(
              &lt;View style={styles.container}&gt;
              &lt;Header style ={{shadowRadius: 0,shadowOffset: {height: 0,},}}
              backgroundColor="#ff5851"
              androidStatusBarColor="#ff5851"
              leftComponent={{ icon: 'menu', color: '#fff' }}
              centerComponent={{ text: 'Start Your Search', style: { color: '#fff',fontWeight:'500', fontSize:20 , width:'100%',fontSize:20, paddingTop:9 ,display:'flex', flexDirection:'column', alignItems:'center'  , justifyContent:'center' , height:40 , borderRadius:20 , alignSelf:'center' , textAlign:'center'  } }}
                /&gt;
              &lt;ScrollView&gt;
              &lt;Text style={{fontWeight: '600' , marginBottom:10 , color:'#323232' ,fontWeight:'500', fontSize:20 , marginLeft:10 , marginTop:10 , marginBottom:15 , marginTop:15 }}&gt;Narrow Your Search&lt;/Text&gt;
              &lt;View style={{flexDirection:'column' , backgroundColor:'#fff' , paddingLeft:10}}&gt;
              &lt;View style={{borderBottomColor: '#dddddd', borderBottomWidth: 0.6 , marginLeft:-10  , marginBottom:10}}/&gt;
              &lt;Text style={{ marginBottom:10 }}&gt;Narrow Your Search&lt;/Text&gt;
              &lt;RadioGroup style={{marginBottom:10 , flexDirection:'row'}}
              color='#ff5851'
              labelStyle={{ fontSize: 14, }}
              radioButtons={this.state.radioButtons}
              onPress={radioButtons =&gt; this.setState({ radioButtons })}
              style={{ paddingTop: 20 }}
              /&gt;
  </code></pre>