Transform = matrix() prop to Rect не работает в React Native

Question

Я хочу преобразовать Rect.

У меня есть изображение SVG. В этом у меня есть маленькие прямоугольники, которые я хочу повернуть. изображение отлично работает в сети. но это дает проблему реагировать на родное приложение для Android.

ниже изображение SVG XML

<Svg version="1.1" id="Layer_1"  x="0px" y="0px"
                 width="135" height="39" viewBox="0 0 135 39" enable-background="new 0 0 135 39" >
              <Rect x="71.411" y="17.171" transform="matrix(-0.7072 0.707 -0.707 -0.7072 142.588 -17.6385)" fill-rule="evenodd" clip-rule="evenodd" fill="#FDC28E" width="7.07" height="7.07"/>
              <Rect x="57.244" y="17.172" transform="matrix(-0.707 0.7072 -0.7072 -0.707 118.3964 -7.6375)" fill-rule="evenodd" clip-rule="evenodd" fill="#FDC28E" width="7.072" height="7.07"/>
              <Rect x="83.946" y="19.874" fill-rule="evenodd" clip-rule="evenodd" fill="#d3d3d3" width="40.833" height="1.667"/>
              <Rect x="9.946" y="19.874" fill-rule="evenodd" clip-rule="evenodd" fill="#d3d3d3" width="40.833" height="1.667"/>
              </Svg>

Я получаю предупреждение

Warning: Failed prop type: Invalid prop `transform` of type `string` supplied to `Rect`, expected `object`.

Я использую response-native-svg ( https://github.com/react-native-community/react-native-svg) для отображения содержимого SVG.

Я пытался передать объект var, но это не сработало.

Пожалуйста, ведите меня. Я новичок в реакции-нативной разработке.

Answer 1

Замещать transform с Transform в компоненте SVG. Это исправит все предупреждения о преобразовании, возникающие в response-native-svg ( https://github.com/react-native-community/react-native-svg)