Low quality of mask, iOS

Hello. I just tryed to apply circle stroke mask.

Android 8 draws it perfectly like something vector. But iOS draws it low quality:

(Screenshot from iOS)

import { Svg, Defs, Rect, Circle, LinearGradient, Stop, G, Mask, Use } from 'react-native-svg';

const STOP_COLOR = 'red';

class Keck extends PureComponent {
    render() {
        const { rotation } = this.props;
        const innerDefs = [
            // bottom left rectangle
            { x: 0, y: 60, start: 0.9, end: 1 },
            // top left rectangle
            { x: 0, y: 0, start: 0.9, end: 0.75 },
            // top right rectangle
            { x: 60, y: 0, start: 0.75, end: 0.3 },
            // bottom right rectangle
            { x: 60, y: 60, start: 0, end: 0.5 },
        ];
        return (
            <Svg height="120" width="120" fill="transparent">
                <Defs>
                    <Mask id="mask"
                        x="0"
                        y="0"
                        width={120}
                        height={120}
                        maskUnits="userSpaceOnUse"
                    >
                        <Circle
                            r={42}
                            cx={60}
                            cy={60}
                            stroke="white"
                            strokeWidth={6}
                            strokeDasharray="1 4.5"
                        />
                    </Mask>
                </Defs>
                <G mask="url(#mask)">
                    <G rotation={rotation} origin="60, 60">
                        <OpticalGradient definitions={innerDefs} />
                    </G>
                </G>
            </Svg>
        );
    }
}

Why does it happens? Looks like something about 1x, 2x, 3x dpi… but I don’t get it where props about resolution…

PS: I don’t show you <OpticalGradient ... /> because it’s simple gradients rectangles which works fine. But mask of dotted circle is very ugly on iOS. If I use <Circle … /> without mask – it renders well, but I need to rotate gradient only inside Circle strokes.

[zmnv]

I can’t use style={{transform: [{scale: TRANSFORM_RESOLUTION}]}} because it will drop fps with animation.

[cesargdm]

Still facing the issue even with the svg width="100%" suggestion