react-native-ficus-ui
react-native-ficus-ui copied to clipboard
Switch colorScheme & circle size customization
ColorScheme
Currently, it is not possible to define the colorScheme props at "black" and other personalized theme colors (instead it renders a white background), because of the .500 part of the code in the switch component :
<Animated.View
style={[
computedStyle.container,
{
backgroundColor: animXValue.interpolate({
inputRange: [0, 1],
outputRange: [
getThemeColor(theme.colors, bg),
getThemeColor(theme.colors, `${props.colorScheme}.**500**`),
],
}),
},
]}
>
Circle size
It would be great to be able to customize the circle size within the switch.
For example, we could have a switch looking like this :
instead of only this :