title: How to change list item background color when selected in react native?
body: <p>I'm using <code>native-base</code> ui kit. I'm trying to change the background color of selected items in sidebar. But how to do that? I've made changes to this  <code>theme/variablesplatform.js</code> file.</p>
  
  <pre><code>listBg: "#008080",
    listBorderColor: "#c9c9c9",
    listDividerBg: "#f4f4f4",
    listBtnUnderlayColor: "#008080",
    listItemPadding: platform === "ios" ? 10 : 12,
    listNoteColor: "#808080",
    listNoteSize: 13,
  </code></pre>
  
  <p>But can't see any changes. Please help me to find any solution? This is how the <code>ListItem</code> within sidebar looks like </p>
  
  <pre><code>  &lt;List
              dataArray={datas}
              renderRow={data =&gt;
                &lt;ListItem
                  button
                  noBorder
                  onPress={() =&gt; this.props.navigation.navigate(data.route)}
                &gt;
                  &lt;Left&gt;
                  &lt;Image
                    source={data.icon }
                    style={{width:30,height:30}}
                  /&gt;
                    &lt;Text style={styles.text}&gt;
                      {data.name}
                    &lt;/Text&gt;
                  &lt;/Left&gt;
                  {data.types &amp;&amp;
                    &lt;Right style={{ flex: 1 }}&gt;
                      &lt;Badge
                        style={{
                          borderRadius: 3,
                          height: 25,
                          width: 72,
                          backgroundColor: data.bg
                        }}
                      &gt;
                        &lt;Text
                          style={styles.badgeText}
                        &gt;{`${data.types} Types`}&lt;/Text&gt;
                      &lt;/Badge&gt;
                    &lt;/Right&gt;}
                &lt;/ListItem&gt;}
            /&gt;
  </code></pre>
  
  <p>Please help me.</p>