react-native-dropdown-picker 按條件更改下拉背景顏色

Question

我們正在使用 react-native-dropdown-picker。

 <DropDownPicker items={timeList.map(item => { return ({ label: item.timeslot, value: item.timeslot }) })} defaultValue={timeList[0].timeslot} placeholder={"Select date"} containerStyle={styles.dropDownContainer} itemStyle={{ justifyContent: "flex-start" }} dropDownStyle={{ backgroundColor: colors.white }} dropDownMaxHeight={hp("45%")} onChangeItem={item => timeSelected(item.value)} arrowSize={30} arrowStyle={{ position: "absolute", right: 0 }} labelStyle={{ fontSize: wp('3.5%'), fontFamily: constants.themeFont, textAlign: 'left', color: '#000', alignSelf: 'center', }} />

所以下拉菜單的背景顏色是從“dropDownStyle”屬性設置的。 我給了白色。

假設，在“timeList”（數組）變量中，我在數組上的每個 object 上都有一個鍵“啟用”（布爾值）。 所以我想為“啟用”鍵的不同值（真/假）提供不同的背景 colors。

“dropDownStyle”是下拉列表中所有值的通用屬性。 那么如何根據每個項目屬性更改背景顏色。

Answer 1

看一下這個

    {
  ...
  containerStyle: {
    backgroundColor: "#000"
  },
  labelStyle: {
    color: "#fff"
  }
}