title: React Native Elements Handle selected ListItem style
body: <p>I post again my question with some code modifications.
  I need to set a specific style for the selected item in my List of items.
  My code is :</p>
  
  <pre><code> constructor (props) {
      super(props)
  
      this.state = {
        selectedIndex: null
      }
    }
  
  &lt;FlatList
                  data={this.state.data}
                  renderItem={({ item, index }) =&gt; (
                    &lt;ListItem
                      leftAvatar={{ source: { uri: item.avatar } }}
                      title={`${item.firstName} ${item.lastName}`}
                      // subtitle={item.email}
                      chevron
                      onPress={() =&gt; {
                        this.setState({
                          selectedIndex: index
                        })
                        console.log('####################')
                        console.log(this.state.selectedIndex)
                        console.log(index)
                        console.log('####################')
                      }}
                      containerStyle={
                        this.state.selectedIndex === index
                          ? styles.active
                          : styles.inactive
                      }
                    /&gt;
                  )}
                  keyExtractor={item =&gt; item.email}
                  ItemSeparatorComponent={this.renderSeparator}
                  ListHeaderComponent={this.renderHeader}
                /&gt;
  </code></pre>
  
  <p>When i tested in the console i got those values : </p>
  
  <pre><code>####################
  ####################
  2
  3
  ####################
  ####################
  3
  0
  ####################
  ####################
  0
  1
  ####################
  ####################
  1
  2
  ####################
  ####################
  2
  3
  ####################
  ####################
  3
  4
  ####################
  ####################
  4
  5
  ####################
  ####################
  5
  6
  ####################
  ####################
  6
  3
  ####################
  ####################
  3
  3
  ####################
  ####################
  3
  3
  ####################
  ####################
  3
  3
  ####################
  ####################
  3
  2
  ####################
  ####################
  2
  2
  ####################
  </code></pre>
  
  <p>The selectedIndex state got the index value when press an item but i can't edit the style cause the component is not re-rendering.</p>
  
  <p>My style is : </p>
  
  <pre><code>const styles = StyleSheet.create({
    active: {
      backgroundColor: 'green'
    },
    inactive: {
      backgroundColor: 'grey'
    }
  })
  </code></pre>
  
  <p>I need to apply the active class when selectedIndex is equal to index but it doesn't work</p>