title: How to handle display none and block for a View component using react native
body: <blockquote>
    <p>In my scenario there are two Views.
    While load the component i need to none second view after while click
    on TextInput need to open the second view after selecting the value
    from the second view selected value should be populate in the first
    view  TextInput after that secondView should be closed.I can acheieve
    the same effect using react.js but the same effect i am unable to do
    using react native .</p>
  </blockquote>
  
  <pre><code>var ViewDisplay = React.createClass({
     componentDidMount(){
         this.refs.secondView.getDOMNode().style.display="none";
     },
     clickHandler:function(){
           this.refs.secondView.getDOMNode().style.display="block";
     },
     populateValue:function(){
          this.refs.secondView.getDOMNode().style.display="none"; 
     },
     render:function(){
       return(&lt;View&gt;           
               &lt;View  ref={firstView}&gt;
                        &lt;TextInput style={styles.textInput} placeholder=  {enter value} onEndEditing={this.clickHandler}/&gt;
               &lt;/View&gt;
              &lt;View ref={secondView}&gt;
                 &lt;TouchableHighlight underlayColor="#ffa456" onPress={this.populateValue}&gt; 
                      &lt;Text ref={key}&gt;first&lt;/Text&gt;
                &lt;/TouchableHighlight&gt;
                &lt;TouchableHighlight  underlayColor="#ffa456" onPress={this.populatevalue}&gt;   
                   &lt;Text&gt;Second&lt;/Text&gt;
                &lt;/TouchableHighlight&gt;
                &lt;TouchableHighlight  underlayColor="#ffa456" onPress={this.populatevalue}&gt;  
                   &lt;Text&gt;third&lt;/Text&gt;
               &lt;/TouchableHighlight&gt;
             &lt;/View&gt;
         &lt;/View&gt;)
      }
  })
  </code></pre>