Styling selector to look like a native android component

[jadeirving9]

Hi,
I really like the component and don't want to use anything else because it has a wealth of accessible functionality, which my application requires. However, the component does not fit with the rest of my application. Is there a way to drop the styling so it looks like a native component? It's ok on iOS but on Android it looks like an iOS component. Thanks

[peacechen]

There are a number of styling props to make it look the way you prefer, though admittedly there are quite a lot to change:
https://github.com/peacechen/react-native-modal-selector#props

Making the default an Android style would disrupt iOS apps. Ideally this library would support themes, possibly with default styles for Android vs iOS. The app uses a typical stylesheet that could be overridden by a prop:
https://github.com/peacechen/react-native-modal-selector/blob/master/index.js#L17

It could also check the platform OS and select between Android vs iOS default stylesheets.

Would you be interested in submitting a PR?

[jadeirving9]

So, there aren't specific style props I can 'reset', I would have to re-style the whole thing?

[peacechen]

It probably wouldn't look like "Android" if all the styling was removed. If you'd like to try, pass in an empty array [] to all the style props.

This a community supported open source library. Your contributions would help not only yourself but others who use this.