software-mansion/react-native-svg

animateTransform property does not work in RN iOS

Open

#1 019 ouverte le 31 mai 2019

Voir sur GitHub
 (12 commentaires) (2 réactions) (0 assignés)Java (1 076 forks)batch import
enhancementgood first issuehelp wanted

Métriques du dépôt

Stars
 (7 107 stars)
Métriques de merge PR
 (Merge moyen 9j 18h) (1 PR mergée en 30 j)

Description

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>

Guide contributeur

Direction de recherche
Examinez pourquoi animateTransform n'est pas pris en charge sur iOS dans react native svg. Verifiez le code de rendu natif (probablement en Objective C ou Swift) pour le traitement des elements SVG et voyez si animateTransform est implemente ou s'il manque un mappage.
Stack technique
react nativejavascriptjava
Domaine
mobilefrontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
React NativeiOS developmentSVG
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40