How to change the color of the dropdown icon on the right of SectionedMultiSelect - react-native-sectioned-multi-select

Viewed 216

I want to change the color of the dropdown icon on the right of SectionedMultiSelect from the default color. Here is my code:

          <SectionedMultiSelect
              items={items}
              IconRenderer={Icon}
              uniqueKey="id"
              // subKey="children"
              selectText="Click to select Expertise"
              showDropDowns={true}
              onSelectedItemsChange={(selectedItems) => {
                setDidUpdate(true);
                setExpertise(selectedItems)
              }}
              selectedItems={expertise}
              colors= {{
                primary: 'red'
              }}
              styles={{
                // chipText: {
                //   maxWidth: Dimensions.get('screen').width - 90,
                // },
                chipContainer : {
                  // backgroundColor: 'red',
                  // color: 'green',
                  borderRadius: 16,
                  borderWidth: 2,
                  borderColor: 'white',
                  marginTop: 10
                },
                chipText: {
                  color: 'white',
                },
                chipIcon: {
                  color: 'white',
                },
                button: {
                  backgroundColor: '#FF9017',
                },
                selectToggle: {
                  color: 'white',
                },
                selectToggleText: {
                  color: 'white',
                  // backgroundColor: 'red',
                  borderWidth: 2,
                  borderRadius:25,
                  borderColor: '#fff',
                  padding: 5,
                  paddingLeft: 15
                },
              }}
            />

I have tried changing it through the styles and the color props but to no avail.

0 Answers
Related