title: React Native - Filter native base Picker Item based on condition
body: <p>I want to skip a specific account from picker item , So i have passed the account to be skipped into the child component from parent , But its generating error saying</p>
  
  <pre><code> error occured:TypeError: TypeError: TypeError: second argument to Function.prototype.apply must be an Array-like object (evaluating '[].concat.apply([],t.children)')
  </code></pre>
  
  <p>I have refered the solution provided on this 
  <a href="https://stackoverflow.com/questions/44105014/conditional-rendering-on-items-of-native-base-picker-react-native">link</a>.
  I have From account and To account drop down , i want to skip the selected from accounts from the To accounts drop down.
  This is my child component</p>
  
  <pre><code>    import React, { Component } from "react";
  import { Picker, Icon } from "native-base";
  import { Dimensions, Platform } from "react-native";
  
  export default class accountsDropDown extends Component {
      constructor(props) {
          super(props);
      }
  
      render() {
          console.log('skipped Acct:'+JSON.stringify(this.props.skipAcct))
          let filteredItems = null ;
          if(this.props.accounts !== undefined &amp;&amp; this.props.accounts.acctId != null){
              filteredItems = this.props.accounts;
          }
  
          if(filteredItems != null &amp;&amp; this.props.skipAcct !== undefined &amp;&amp; this.props.skipAcct.acctId != null){
              filteredItems = filteredItems.filter(acct=&gt;{
                  return acct.acctId == this.props.skipAcct.acctId ? false :true;
              })
          }
  
          console.log('filteredItems:'+JSON.stringify(filteredItems))
          return (
              &lt;Picker
                  selectedValue={this.props.selectedValue}
                  mode="dropdown"
                  iosHeader="Choose To Account"
                  style={{ width: Platform.OS === "ios" ? undefined : Dimensions.get("window").width }}
                  iosIcon={&lt;Icon name="arrow-down" /&gt;}
                  onValueChange={value =&gt; this.props.onValueChange(value)}
              &gt;
                  {filteredItems != null &amp;&amp;
                      filteredItems.map(acct =&gt; {
  
                          return &lt;Picker.Item key={acct.acctId} label={acct.desc} value={acct} /&gt;;
                      })}         
              &lt;/Picker&gt;
          );
      }
  }
  </code></pre>
  
  <p>This is my parent component</p>
  
  <pre><code>&lt;View style={styles.item}&gt;
                              &lt;Text note&gt;From Account&lt;/Text&gt;
  
                              &lt;AccountsDropDown
                                  selectedValue={this.state.fromAcct}
                                  accounts={this.state.xferSrcAccts}
                                  navigation={this.props.navigation}
                                  onValueChange={itemValue =&gt; this.setState({ fromAcct: itemValue })}
                              /&gt;
                          &lt;/View&gt;
                          &lt;View style={styles.item}&gt;
                              &lt;Text note&gt;To Account&lt;/Text&gt;
  
                              &lt;AccountsDropDown
                                  selectedValue={this.state.toAcct}
                                  skipAcct = {this.state.fromAcct}
                                  accounts={this.state.xferDestAccts}
                                  navigation={this.props.navigation}
                                  onValueChange={itemValue =&gt; this.setState({ toAcct: itemValue })}
                              /&gt;
                          &lt;/View&gt;
  </code></pre>