software-mansion/react-native-svg

animateTransform property does not work in RN iOS

Open

#1019 aperta il 31 mag 2019

Vedi su GitHub
 (12 commenti) (2 reazioni) (0 assegnatari)Java (1076 fork)batch import
enhancementgood first issuehelp wanted

Metriche repository

Star
 (7107 star)
Metriche merge PR
 (Merge medio 9g 18h) (1 PR mergiata in 30 g)

Descrizione

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>

Guida contributor

Direzione di ricerca
Indaga perché animateTransform non è supportato su iOS in react native svg. Controlla il codice di rendering nativo (probabilmente in Objective C o Swift) per la gestione degli elementi SVG e verifica se animateTransform è implementato o se manca una mappatura.
Tech stack
react nativejavascriptjava
Dominio
mobilefrontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React NativeiOS developmentSVG
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
40