question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

strokeDasharray not working on android, but ios work fine!

See original GitHub issue
const AnimatedLine = Animated.createAnimatedComponent(Path)

<AnimatedLine
              ref={ref => (this._pv = ref)}
              d={`M${T1} L${MT1} L${MT2}`}
              stroke="url(#e)"
              strokeWidth="5"
              strokeLinecap="round"
              strokeDasharray="0, 10"
              fill="transparent"
            />

On ios: screen shot 2017-11-28 at 15 33 22 On android Path didn’t display any thing

"react-native": "0.50.3",
 "react-native-svg": "^6.0.0"

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
dusavecommented, Dec 4, 2017

I tried rendering a plain SVG line with a strokeDashArray, it works just fine. <Line x1="0" y1="0" x2="100" y2="100" stroke="red" strokeWidth="2" strokeDasharray="0, 10"/>

0reactions
msandcommented, Dec 9, 2018

Closing this because of inactivity.

Read more comments on GitHub >

github_iconTop Results From Across the Web

strokeDasharray not working on android, but ios work fine! #529
I tried rendering a plain SVG line with a strokeDashArray, it works just fine. <Line x1="0" y1="0" x2="100" y2="100" stroke="red" strokeWidth ...
Read more >
strokeDashedArray doesn't work (react-native-svg)
I'm currently using react-native-svg. This works perfectly fine with just stroke. But strokeDashedArray doesn't work (on both iOS and Android).
Read more >
transition | CSS-Tricks
The transition property is a shorthand property used to represent up to four transition-related longhand properties:
Read more >
Solved: Need help with SVG's ! - Power Platform Community
Here is the current code for the SVG that's not working.. no errors just ... stroke='#E60000' stroke-width='3' stroke-dasharray='"&CountAll.
Read more >
stroke-dashoffset - SVG: Scalable Vector Graphics | MDN
Browser compatibility. Report problems with this compatibility data on GitHub ... Firefox for Android? Toggle history ... Safari on iOS?
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found