SVG width is not set to screen width

hello guys. i want to set screen width for my svg width. this is my simple svg code: <Svg width={width} height={100} viewBox="0 0 400 800"> <Path d="M 800 300 Q 400 350 0 300 L 0 0 L 800 0 L 800 300 Z"/> </Svg> but width is not work correctly. i also try width='100%' but it is not work too.

[msand]

Perhaps you want scale to fit? https://www.w3.org/TR/SVG11/coords.html#ViewBoxAttribute And a bit different viewBox value, seems you flipped x and y.

import * as React from 'react';
import { Svg, Path } from 'react-native-svg';

export default () => (
  <Svg
    width="100%"
    height={100}
    viewBox="0 0 800 400"
    preserveAspectRatio="none">
    <Path
      d="M 800 300 Q 400 350 0 300 L 0 0 L 800 0 L 800 300 Z"
      fill="blue"
      stroke="red"
    />
  </Svg>
);

[AlirezaAzizi145]

@msand Thank you very much. it is work