diff --git a/ToggleSwitch.js b/ToggleSwitch.js index 9e51915..3ce8f06 100644 --- a/ToggleSwitch.js +++ b/ToggleSwitch.js @@ -104,11 +104,14 @@ export default class ToggleSwitch extends React.Component { { justifyContent: "center", width: this.dimensions.width, - borderRadius: 20, + borderRadius: Platform.OS == "windows" || Platform.OS == "macos" ? 10 : 20, padding: this.dimensions.padding, backgroundColor: this.props.isOn ? this.props.onColor : this.props.offColor, + paddingBottom : Platform.OS == "windows" || Platform.OS == "macos" + ? this.dimensions.padding + 2 + : this.dimensions.padding }, this.props.isOn ? this.props.trackOnStyle : this.props.trackOffStyle, ]; @@ -121,9 +124,9 @@ export default class ToggleSwitch extends React.Component { left: Platform.OS === "web" ? 4 : 0, position: "absolute", backgroundColor: this.props.circleColor, - transform: [{ translateX: this.offsetX }], + transform: [{ translateX: this.offsetX }], width: this.dimensions.circleWidth, - height: this.dimensions.circleHeight, + height: this.dimensions.circleHeight , borderRadius: this.dimensions.circleWidth / 2, shadowColor: "#000", shadowOffset: {