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

Question

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

目前我不得不将 React Native 库从 0.59.9 更改为 0.63.4，并且在更改后背景颜色发生了更改。

package.json “react-native”：“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}
        />

标签： javascriptreact-nativenpm

Answer 1

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

例子：

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'}
  />
);
}
}