如何在React Native中更改手风琴项目的选定项目颜色？

Question

我已经使用native-base完成了手风琴列表。我正在尝试更改选中时手风琴内容的颜色。但是我得到的是，在手风琴。另外，如果我关闭一个手风琴并打开另一个手风琴，则该项目的选择将与上一个相同。下面是代码，请帮助我找到解决方案。

代码

onPressList = (item, index) => {
    this.props.navigation.navigate("Header2", { id: item.id, name: item.value })
    this.setState({ pressStatus: true, selectedItem: index });
  }

....
....
<FlatList
          data={drop_down_data}
          extraData={this.state.selectedItem}
          renderItem={({ item, index }) => {
            const { selectedItem: sd } = this.state
            const localColor = { color: sd === index ? "#cc0000" : "black", fontWeight: sd === index ? "500" : "100" }
            return (
              < ListItem >
                <TouchableOpacity
                  style={{
                    padding: 5
                  }}
                  onPress={() =>
                    this.onPressList(item, index)
                  }>
                  <Text style={localColor}>{item.value}</Text>
                </TouchableOpacity>
              </ListItem>
            )
          }}
          keyExtractor={(item, index) => index.toString()}
        />