software-mansion/react-native-svg

animateTransform property does not work in RN iOS

Open

#1,019 opened on 2019年5月31日

GitHub で見る
 (12 comments) (2 reactions) (0 assignees)Java (1,076 forks)batch import
enhancementgood first issuehelp wanted

Repository metrics

Stars
 (7,107 stars)
PR merge metrics
 (平均マージ 9d 18h) (30d で 1 merged PR)

説明

Only building an iOS app, so can't talk for Android, but when the following is run, the svg appears but not the animation. I have tried importing the animateTransform property too, still not working.

  <Svg
    width="38px"
    height="38px"
    viewBox="0 0 38 38"
    xmlns="http://www.w3.org/2000/svg"
    stroke="blue"
    aria-label="spinner"
  >
    <G fill="none" fillRule="evenodd">
      <G transform="translate(1 1)" strokeWidth="2">
        <Circle strokeOpacity=".5" cx="18" cy="18" r="18" />
        <Path d="M36 18c0-9.94-8.06-18-18-18">
          <animateTransform
            attributeName="transform"
            type="rotate"
            from="0 18 18"
            to="360 18 18"
            dur="1s"
            repeatCount="indefinite"
          />
        </Path>
      </G>
    </G>
  </svg>

コントリビューターガイド