strokeDasharray not working on android, but ios work fine!
See original GitHub issueconst 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: On android Path didn’t display any thing
"react-native": "0.50.3",
"react-native-svg": "^6.0.0"
Issue Analytics
- State:
- Created 6 years ago
- Comments:6
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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"/>
Closing this because of inactivity.