Currently, I am utilizing react-native-material-dropdown-v2-fixed and I am looking to modify the background color of the dropdown arrow. Is there a way for me to change its color? It is currently displaying as dark gray.
https://i.stack.imgur.com/JKy97.png
After updating the React Native library from version 0.59.9 to 0.63.4, I noticed that the background color was automatically changed.
Here is a snippet from my package.json file:
"react-native": "0.63.4",
"react-native-material-dropdown-v2-fixed": "^0.11.3",
This is how my Dropdown component looks like:
<Dropdown
rippleCentered
itemColor={COLORS.PRIMARY}
fontSize={FONTS.SMALL}
fontFamily={
value === initialValue
? FONTS.OPENSANS_BOLD
: FONTS.OPENSANS_REGULAR
}
fontWeight={value === initialValue ? '700' : '100'}
disabled={disable}
textColor={
value === initialValue ? COLORS.PRIMARY : COLORS.COMPLEMENTARY13
}
selectedItemColor={COLORS.PRIMARY}
pickerStyle={styles.pickerStyle}
itemTextStyle={styles.itemTextStyle}
inputContainerStyle={styles.inputContainerStyle}
value={value}
dropdownPosition={0}
data={data}
onChangeText={this.onChangeText}
accessibilityLabel={id}
onFocus={this._onFocus}
onBlur={this._onBlur}
iconName={'chevron-down'}
iconType={'entypo'}
iconColor={COLORS.PRIMARY}
/>