toystars / react-native-multiple-select

Simple multi-select component for react-native
MIT License
566 stars 315 forks source link

unable to change multiselect background color #24

Open dbadyan opened 7 years ago

dbadyan commented 7 years ago

hi, i'm trying to change the background color for the drop down item, there's no record of if on the attribute list. here's my code:

<MultiSelect style={{flex: 1,backgroundColor:"#000"}}
        items={items}
        uniqueKey="id"
        onSelectedItemsChange={selectedItem => {
          return changeCallback(selectedItem);
        }}
        style={{backgroundColor:"#000"}}
        selectedItems={condition.value}
        selectText={condition.message}
        searchInputPlaceholderText="Search Items..."
        altFontFamily="ProximaNova-Light"
        tagRemoveIconColor="#CCC"
        tagBorderColor="#CCC"
        tagTextColor="#CCC"
        selectedItemTextColor="#CCC"
        selectedItemIconColor="#CCC"
        itemTextColor="#000"
        searchInputStyle={{ color: '#CCC' }}
        submitButtonColor="#CCC"
        submitButtonText="Select" />

thanks a lot.

toystars commented 7 years ago

@enderex there is currently no provision for that at the moment. This will be added to the backlog of things to work on though

juliusserenas commented 5 years ago

I ran int the same issue, so i changed it in the code itself here: line 321

  _getRow = item => {
    const { selectedItemIconColor, displayKey } = this.props;
    return (
      <TouchableOpacity
        disabled={item.disabled}
        onPress={() => this._toggleItem(item)}
        style={{ paddingLeft: 20, paddingRight: 20, backgroundColor:"#ffffff", }}
      >
cullsin commented 4 years ago

Hi, Can you please suggest me how do I change the background color of a multi-select dropdown. Is it added to the release? I want to change that too in blue color.

image

erickgtzh commented 2 years ago

Were you able to solve it??

corlissc commented 2 years ago

Hi, Can you please suggest me how do I change the background color of a multi-select dropdown. Is it added to the release? I want to change that too in blue color.

image

@cullsin and @erickgtzh, if you are looking for to change the selector's faux Text Input element try using the styleDropdownMenuSubsection property. It wasn't very clear to me (maybe I'm the only one,) so I dug into the code and found the component responsible for it here.

Hope this is helpful.