title: React native Model popup with Check box list style Issue
body: <p>I make check box list on Model Pop up by using react native multiple select checkbox list listed but it take full screen height i am not able to fix this issue please Any body help me
  below is my  Model Pop up Code</p>
  <pre><code>  [![&lt;Modal
           animationType=&quot;slide&quot;
           transparent={true}
           visible={this.state.modalVisible}
           onRequestClose={() =&gt; {
           Alert.alert(&quot;Modal has been closed.&quot;);
           }}
            &gt;
              &lt;View style={styles.ModalcenteredView}&gt;
           
              &lt;View style={styles.ModalView}&gt;
  
              &lt;View style={{height:'30%'}}&gt;
  
              &lt;SelectMultiple
            items={this.state.ParticipantCheckBox}
            // renderLabel={renderLabel}
            selectedItems={this.state.selectedFamilyMembers}
            onSelectionsChange={this.SelectFamilyMembers} /&gt;
            &lt;/View&gt;
  
            &lt;View style={{flex:1, flexDirection:'row', flex:1,height:'1%'}}&gt;
  
            &lt;TouchableHighlight style={{height:'5%'},\[styles.ModalCloseButton\] }
                  onPress={() =&gt; {
                    this.HideShowFamilyMemberModel(false);
                  }}
                &gt;
                  &lt;Text style={styles.ModalCloseButtonTextStyle}&gt;Close&lt;/Text&gt;
                &lt;/TouchableHighlight&gt;
                &lt;TouchableHighlight style={{height:'5%'},\[styles.ModalSaveButton\] }
                  onPress={() =&gt; {
                    this.SaveFamilyMemberModel(false);
                  }}
                &gt;
                  &lt;Text style={styles.ModalSaveButtonTextStyle}&gt;Save&lt;/Text&gt;
                &lt;/TouchableHighlight&gt;
            &lt;/View&gt;
  
                
              
              &lt;/View&gt;
  
            &lt;/View&gt;
          &lt;/Modal&gt;][1]][1]
  </code></pre>