react-native-ficus-ui icon indicating copy to clipboard operation
react-native-ficus-ui copied to clipboard

Switch colorScheme & circle size customization

Open heloise-gllm opened this issue 10 months ago • 0 comments

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 : Image instead of only this :

Image

heloise-gllm avatar Jan 28 '25 15:01 heloise-gllm