0

我想转换矩形。

我有 svg 图片。在那我有我想旋转的小矩形。该图像在网络上完美运行。但它给反应原生安卓应用程序带来了问题。

下面是 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`.

我使用 react-native-svg ( https://github.com/react-native-community/react-native-svg ) 来显示 svg 内容。

我试图传递 var 对象,但没有成功。

请指导我。我是 react-native 开发的新手。

4

1 回答 1

1

在 Svg 组件中替换transform为。这将修复 react-native-svg ( https://github.com/react-native-community/react-native-svg )Transform中发生的所有转换警告

于 2017-10-12T17:16:24.420 回答