software-mansion/react-native-svg

animateTransform property does not work in RN iOS

Aberta

#1.019 aberto em 31 de mai. de 2019

Ver no GitHubGuia do colaborador
 (12 comentários) (2 reações) (0 responsável)Java (1.076 forks)batch import
enhancementgood first issuehelp wanted

Métricas do repositório

Stars
 (7.107 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

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>

Guia do colaborador

Direção de pesquisa
Investigue por que o animateTransform não é suportado no iOS no react native svg. Verifique o código de renderização nativo (provavelmente em Objective C ou Swift) para o tratamento do elemento SVG e veja se o animateTransform está implementado ou se há uma falta de mapeamento.
Pilha de tecnologia
react nativejavascriptjava
Domain
mobilefrontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
React NativeiOS developmentSVG
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
40