How to remove root element border?

[sunviwo]

Hi,
Love this component. I'm trying to give the select field the look and feel of my app theme. I'd love to remove the border surrounding the field, but styling isn't being successful for now. Any help please?

<ModalSelector
           data={propertyTypes}
           nitValue={i18n.t('select')}
           selectedKey={stepprops.values.propertyType}
           onChange={(option)=>{ 
                   stepprops.values.propertyType = parseInt(option.key);                                
                   this.setState({reload: true});
           }} 
           style={{
                    borderWidth: 0,
                    borderColor: 'transparent',                                    
           }}                              
/>

[peacechen]

Try the prop optionContainerStyle.
https://github.com/peacechen/react-native-modal-selector#props

I'm not sure if that's what you're looking for. If not, a new prop may need to be added.

[peacechen]

On second thought, you could use the wrapper mode and provide your own open button. See the Wrapper example:
https://github.com/peacechen/react-native-modal-selector#usage

[fsanaulla]

Hey @sunviwo try to add this prop:

selectStyle={ { borderWidth: 0 } }