Text wrapping within a bounding box or `Rect`

I understand SVG’s don’t natively support text wrapping but would like to see if there is any support provided within this library, as I have created a small piece of code to demonstrate the issue I am getting.

Ideally, I would like my text to wrap naturally within the bounding box like we have p tag within a div container. Following is the React Native code I am using;

          <Svg height={height * 0.5} width={width} viewBox={`0 0 ${height * 0.5} ${width}`}>
            <Rect x={0} y={0} rx={10} ry={10} width={width} fill="#4682b4" stroke="black" stroke-width="5" opacity=".5" height={49.5}></Rect>
            <Text x={0} y={0} dx={20} dy={20} fontSize={14} fontFamily="arial" fill="red">
              {scorpioText}
            </Text>
          </Svg>

[Taylor123]

@msand whats the proper usage for inlineSize? I attempted to set it to the width of my SVG container, but it doesn’t seem to auto wrap the text.

version: 9.6.4 RN version: 0.59.4

[msand]

Also https://developer.mozilla.org/en-US/docs/Web/CSS/inline-size https://www.w3.org/TR/SVG2/text.html#InlineSize