Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Simple Svg works on iOS but not on Android #1696

Closed
charity-detalytics opened this issue Feb 19, 2022 · 2 comments
Closed

Simple Svg works on iOS but not on Android #1696

charity-detalytics opened this issue Feb 19, 2022 · 2 comments
Labels
Close when stale This issue is going to be closed when there is no activity for a while Missing repro This issue need minimum repro scenario

Comments

@charity-detalytics
Copy link

Bug

Simple Svg works on iOS but not on Android
Screen Shot 2022-02-19 at 16 04 44

Steps To Reproduce

I have just created this new and simple repo for reproducing the issue:
https://github.com/charity-detalytics/SrgErr

import React from 'react';
import type {Node} from 'react';
import {
  View,
} from 'react-native';
import X from './x.svg'

const App: () => Node = () => {
  return (
    <View>
      <X/>
    </View>
  );
};

export default App;
<svg width="100%" height="100%" viewBox="0 0 325 432">
  <mask id="id" x="143" y="278" width="182" height="69">
    <path d="M143.867 278.211H325V346.467H143.867V278.211Z" fill="white"/>
  </mask>
  <g mask="url(#id)">
    <path d="M167.267 323.524L487.933 264.391L818.133 323.524" stroke="red" stroke-width="13"/>
  </g>
</svg>

Describe what you expected to happen:
Please see the screen shot above!

@Cnilton
Copy link

Cnilton commented Feb 25, 2022

Hi guys, I could reproduce this issue either. When there is more than one item together with masks in the svg, it cuts the image on android:

Captura de Tela 2022-02-25 às 12 44 33

@bohdanprog
Copy link
Member

Hello @charity-detalytics,
I tried to reproduce your issue but couldn't.
Do you still have that problem?

@bohdanprog bohdanprog added Missing repro This issue need minimum repro scenario Close when stale This issue is going to be closed when there is no activity for a while labels Jun 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Close when stale This issue is going to be closed when there is no activity for a while Missing repro This issue need minimum repro scenario
Projects
None yet
Development

No branches or pull requests

3 participants