title: Align right modal drop down in React Native using 'react-native-modal-dropdown'
body: <p>I have a code showing a dropdown in React Native using 'react-native-modal-dropdown'</p>
  <pre><code>  &lt;View style = {{alignItems:'center',}}&gt;
          &lt;TouchableOpacity onPress = {()=&gt;{this.dropDown &amp;&amp; this.dropDown.show();}}&gt;
             &lt;View style = {{width:170,height:40, alignItems:'center',flexDirection:'row'}}&gt;
                &lt;ModalDropdown ref={(el) =&gt; {this.dropDown = el}}
                options={[&quot;A&quot;, &quot;B&quot;, &quot;C&quot;]}
                defaultValue = {&quot;A&quot;}
                               style = {{ flex: 1}}
                               textStyle = {{fontWeight:'bold', textAlign: 'right'}}
                               onSelect = {(index,value)=&gt;{this.onClickDropDown(value)}}
                               dropdownStyle={{width:170, }}
                               renderRow={this._dropdown_renderRow.bind(this)}
                /&gt;
                 &lt;Text&gt;▼&lt;/Text&gt;
              &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
     &lt;/View&gt;
  </code></pre>
  <p>The result is the dropdown showing behind &quot;A&quot;: <a href="https://i.stack.imgur.com/IbcCE.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>I want the dropdown show the behind &quot;▼&quot;, it justify right.
  <a href="https://i.stack.imgur.com/DsGST.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>Can you help me? Thank you so much.</p>