在react native中选择时如何更改列表项的背景色？

Question

我正在使用native-base用户界面套件。我正在尝试更改侧边栏中所选项目的背景颜色。但是该怎么做呢？我已经对此theme/variablesplatform.js文件进行了更改。

listBg: "#008080",
  listBorderColor: "#c9c9c9",
  listDividerBg: "#f4f4f4",
  listBtnUnderlayColor: "#008080",
  listItemPadding: platform === "ios" ? 10 : 12,
  listNoteColor: "#808080",
  listNoteSize: 13,

但是看不到任何变化。请帮我找到任何解决方案？这是侧边栏中的ListItem的样子，如>>

  <List
            dataArray={datas}
            renderRow={data =>
              <ListItem
                button
                noBorder
                onPress={() => this.props.navigation.navigate(data.route)}
              >
                <Left>
                <Image
                  source={data.icon }
                  style={{width:30,height:30}}
                />
                  <Text style={styles.text}>
                    {data.name}
                  </Text>
                </Left>
                {data.types &&
                  <Right style={{ flex: 1 }}>
                    <Badge
                      style={{
                        borderRadius: 3,
                        height: 25,
                        width: 72,
                        backgroundColor: data.bg
                      }}
                    >
                      <Text
                        style={styles.badgeText}
                      >{`${data.types} Types`}</Text>
                    </Badge>
                  </Right>}
              </ListItem>}
          />
请帮助我。

我正在使用基于本机的ui套件。我正在尝试更改侧边栏中所选项目的背景颜色。但是该怎么做呢？我已经对此主题/variablesplatform.js文件进行了更改。 listBg：“＃008080”，...

Answer 1

您可以在状态更改时由（例如onPress）触发来更改背景颜色。但首先您需要将颜色包括在您的状态中，然后每当按下列表时就更改状态颜色。