react-native-modal-selector
react-native-modal-selector copied to clipboard
Styling selector to look like a native android component
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
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?
So, there aren't specific style props I can 'reset', I would have to re-style the whole thing?
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.