title: Native-Base - CheckBox inside List not getting checked
body: <p>I have imported CheckBox from NativeBase. On clicking the Checkbox, it calls the toggleCheckBox function  to either add or remove the item.ids from the array and also set the flag to true or false based on the contents of the array.</p>
  
  <p>I can see that the toggleCheckBox function works properly and it sets the array with item ids properly and the flag is also fine on click of the CheckBox. But, the checkbox inside the ListItem is not checked when the checkbox is clicked though the toggle function is called properly.</p>
  
  <p>I also noticed that the log "MS CB2: " right above the List is printed after clicking the CheckBox but the log inside the List 'MS insideList :' is not printed. I am assuming that List is not rendered after the toggleCheckBox function is called.
  Here is the code:</p>
  
  <pre><code>class MSScreen extends Component {
      constructor(props){
          super(props);
          //this.toggleCheckbox = this.toggleCheckbox.bind(this);
          this.state = {
            isLoading: true,
            checkboxes : [],
            plans: {},
          };
      }
  
      componentDidMount(){
          console.log("MS inside componentDidMount");
  
          fetch('http://hostname:port/getData')
              .then((response) =&gt; {console.log('response'); return response.json();})
              .then((responseJson) =&gt; {console.log('responseData: '+responseJson); this.setState({isLoading : false, plans : responseJson}); return;})
              .catch((err) =&gt; {console.log(err)});  
      }
  
      toggleCheckbox(id) {
          let checkboxes = this.state.checkboxes;
  
          if(checkboxes &amp;&amp; checkboxes.includes(id)){
            const index = checkboxes.indexOf(id);
            checkboxes.splice(index, 1);
          } else {
            checkboxes = checkboxes.concat(id);
          }
  
          this.setState({checkboxes});
          console.log("MS check a4: "+checkboxes &amp;&amp; checkboxes.includes(id))
      }
  
      render() {
  
          if (this.state.isLoading) {
              return &lt;View&gt;&lt;Text&gt;Loading...&lt;/Text&gt;&lt;/View&gt;;
          }
  
          const plans = this.state.plans;
          const { params } = this.props.navigation.state.params;
          const checkboxes = this.state.checkboxes;
          console.log("MS CB1: "+checkboxes)
  
          return (
              &lt;Container&gt;
                  &lt;Content&gt;
                      &lt;View&gt;
                          {console.log("MS CB2: "+checkboxes)}
                          &lt;List
                              dataArray={plans.data}
                              renderRow={(item, i) =&gt; {
                                  console.log('MS insideList : '+checkboxes &amp;&amp; checkboxes.includes(item.id))
                                  return(
                                  &lt;ListItem 
                                      key={item.id}
                                      &gt;
                                      &lt;Left&gt;
                                          &lt;CheckBox
                                              onPress={() =&gt; this.toggleCheckbox(item.id)}
                                              checked={checkboxes &amp;&amp; checkboxes.includes(item.id)}                                            
                                              /&gt;
                                      &lt;/Left&gt;
                                      &lt;Text&gt;
                                          {item.name}
                                      &lt;/Text&gt;
                                  &lt;/ListItem&gt;)}}
                          /&gt;
                      &lt;/View&gt;
                  &lt;/Content&gt;
              &lt;/Container&gt;
          );
      }
  }
  </code></pre>
  
  <p>How do I get the CheckBox to get checked inside the List?</p>
  
  <p>For the benefit of the other users, here is the code fix based on the suggestion from Supriya in the comments below:</p>
  
  <p><strong>SOLUTION</strong></p>
  
  <pre><code>&lt;FlatList
      extraData={this.state}
      data={plans.data}
      keyExtractor={(item, index) =&gt; item.id}
      renderItem={({item}) =&gt; {
          const itemName = item.name;     
          return(
          &lt;ListItem&gt;
                  &lt;CheckBox
                      onPress={() =&gt; this.toggleCheckbox(item.id)}
                      checked={checkboxes &amp;&amp; checkboxes.includes(item.id)}                                            
                      /&gt;
              &lt;Body&gt;
                  &lt;Text style={styles.planText}&gt;
                      {item.name}
                  &lt;/Text&gt;
              &lt;/Body&gt;
          &lt;/ListItem&gt;)}}
  /&gt;
  </code></pre>
  
  <p><strong>Version:</strong></p>
  
  <p>native-base@2.3.5</p>
  
  <p>react-native@0.50.4</p>
  
  <p>Device: Android</p>
  
  <p>CRNA app with Expo</p>