CODEWITHSUNDEEP
reactjsselectnative
Sennen De Almeida
Sennen De Almeida

Reputation: 51

How to style react-native-sectioned-multi-select?

I'm using react-native-sectioned-multi-select in react native. But, I couldn't do any style to that. Can anyone help me to customize and do styling for this one?

https://www.npmjs.com/package/react-native-sectioned-multi-select?activeTab=readme

https://reactnativeexample.com/simple-multi-select-component-for-react-native/

Upvotes: 1

Views: 3103

Answers (1)

Usama Shahid
Usama Shahid

Reputation: 865

 styles={{
            // chipText: {
            //   maxWidth: Dimensions.get('screen').width - 90,
            // },
            // itemText: {
            //   color: this.state.selectedItems.length ? 'black' : 'lightgrey'
            // },
            selectedItemText: {
              color: 'blue',
            },
            // subItemText: {
            //   color: this.state.selectedItems.length ? 'black' : 'lightgrey'
            // },
            selectedSubItemText: {
              color: 'blue',
            },
          }}

[https://github.com/renrizzolo/react-native-sectioned-multi-select/blob/9c5f71852aef7a7ac03e7761d5dd810cd2ccef5d/exampleapp/App.js#L322-L397][1]

container
modalWrapper 
backdrop 
listContainer
selectToggle
selectToggleText
item
selectedItem
subItem
itemText selectedItemText
selectedSubItemText selectedSubItem subItemText
searchBar
center
separator
subSeparator
chipsWrapper
chipContainer parentChipContainer parentChipText chipText
chipIcon
searchTextInput
scrollView
button
confirmText
cancelButton
itemIconStyle

Upvotes: 5

Related Questions