如何更改下拉箭头的背景颜色 - react-native-material-dropdown-v2-fixed答案

【问题标题】：How to change the background color of dropdown arrow - react-native-material-dropdown-v2-fixed如何更改下拉箭头的背景颜色 - react-native-material-dropdown-v2-fixed
【发布时间】：2021-04-27 15:04:53
【问题描述】：

我正在使用 react-native-material-dropdown-v2-fixed。我想更改下拉箭头的背景。我怎样才能改变它的颜色？目前是深灰色。

目前我必须将 React Native 库从 0.59.9 更改为 0.63.4，更改后背景颜色也发生了变化。

package.json “反应原生”：“0.63.4”， "react-native-material-dropdown-v2-fixed": "^0.11.3",

我的下拉组件

 <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}
        />

【问题讨论】：

标签： javascript react-native npm

【解决方案1】：

为了解决这个问题： baseColor={'透明'}

例子：

import React, { Component } from 'react';
import { Dropdown } from 'react-native-material-dropdown';

class Example extends Component {
render() {
let data = [{
value: 'Banana',
}, {
value: 'Mango',
}, {
value: 'Pear',
}];

return (
  <Dropdown
    label='Favorite Fruit'
    data={data}
    baseColor={'transparent'}
  />
);
}
}

【讨论】：