software-mansion/react-native-svg

SVG in SVG does not have x/y props applied

Open

#1.283 aberto em 13 de fev. de 2020

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)Java (1.076 forks)batch import
Workaround existsenhancementgood first issuehelp wanted

Métricas do repositório

Stars
 (7.107 stars)
Métricas de merge de PR
 (Mesclagem média 9d 18h) (1 fundiu PR em 30d)

Description

Bug

When embedding an svg inside another svg, setting the x and y props do not have an effect. On the web, they do

Environment info

Run react-native info in your terminal and copy the results here. Also, include the precise version number of this library that you are using in the project

React native info output:

info Fetching system and libraries information...
System:
    OS: macOS 10.15.2
    CPU: (4) x64 Intel(R) Core(TM) i5-4278U CPU @ 2.60GHz
    Memory: 50.89 MB / 8.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 12.8.0 - /usr/local/bin/node
    Yarn: 1.17.3 - /usr/local/bin/yarn
    npm: 6.10.3 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
  IDEs:
    Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.11.0 => 16.11.0 
    react-native: 0.62.0-rc.1 => 0.62.0-rc.1 
  npmGlobalPackages:
    react-native-cli: 2.0.1

Library version: 11.0.1

Steps To Reproduce

https://snack.expo.io/HkekkSQmI

Describe what you expected to happen:

  1. iOS, Android, and web are identical

Short, Self Contained, Correct (Compilable), Example

https://snack.expo.io/HkekkSQmI

Guia do colaborador

Direção de pesquisa
Investigue a lógica de renderização nativa para elementos SVG. O problema é que as propriedades x/y de SVGs aninhados não são aplicadas. Examine o código fonte para o tratamento de atributos SVG, particularmente nas implementações Android (Java) e iOS (ObjC). O exemplo Snack em https://snack.expo.io/HkekkSQmI reproduz o bug. Verifique se as propriedades x/y são passadas corretamente para a visualização nativa ou se há um mapeamento ausente na hierarquia de elementos SVG.
Pilha de tecnologia
javascriptreact
Domain
mobile
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.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
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 NativeSVG
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70