title: React-Native ref of child component for drop down
body: <p>I am using react-native-dropdown and I am having trouble getting reference of components within a listview component.  As I am adding the drop down to the listview rows so I need   to assign ref to select component within it but the reference is returning undefined as only top level view components can be used with ref.  Is there a possible solution.  Please help. The code is as follows:</p>
  
  <p>In the main render:</p>
  
  <pre><code>&lt;ListView ref='listView'
     style = {{ backgroundColor: '#EAEAEC'}}
     dataSource={this.state.dataSource}
     automaticallyAdjustContentInsets={false}
     renderRow={this.renderRow} /&gt;
  </code></pre>
  
  <p>In render row:</p>
  
  <pre><code>&lt;View style={{flex:2.5, justifyContent:'center', alignItems:'center'}}&gt;
      &lt;Select
         width={250}
         ref="SELECT1"
         optionListRef={() =&gt; {this._getOptionList()}}
         defaultValue="Select a Province in Canada ..."
         onSelect={ (index) =&gt; {console.log(index, 'is selected.');} }&gt;
         &lt;Option&gt;Alberta&lt;/Option&gt;
         &lt;Option&gt;British Columbia&lt;/Option&gt;
         &lt;Option&gt;Manitoba&lt;/Option&gt;
         &lt;Option&gt;Yukon&lt;/Option&gt;
      &lt;/Select&gt;
    &lt;OptionList ref="OPTIONLIST"/&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>Now, I need to assign the OptionList tag with ref <code>OPTIONLIST</code> to optionListRef attribute of select but as this is not top level view so <code>this.refs["OPTIONLIST"]</code> is returning <code>undefined</code>.</p>