Markers are broken on iOS and Android
See original GitHub issueBug
Markers do not render on both iOS and Android with latest v12.1.0
Unexpected behavior
Reusing the sample code to render markers on Path is broken. No markers show.
Environment info
System:
OS: macOS 10.15.5
CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 4.50 GB / 32.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 12.14.1 - /usr/local/bin/node
Yarn: 1.21.1 - /usr/local/bin/yarn
npm: 6.14.5 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.8.4 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 13.5, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
Android SDK:
API Levels: 26, 27, 28, 29
Build Tools: 26.0.2, 26.0.3, 27.0.3, 28.0.3, 29.0.0, 29.0.2
System Images: android-26 | Google Play Intel x86 Atom, android-27 | Intel x86 Atom, android-27 | Google APIs Intel x86 Atom, android-27 | Google Play Intel x86 Atom, android-29 | Google APIs Intel x86 Atom, android-29 | Google Play Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 4.0 AI-193.6911.18.40.6514223
Xcode: 11.5/11E608c - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_241 - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.11.0 => 16.11.0
react-native: 0.62.2 => 0.62.2
npmGlobalPackages:
*react-native*: Not Found
Library version: 12.1.0
Steps To Reproduce
Issues without reproduction steps or code are likely to stall.
- git clone https://github.com/ghanemabdo/react-native-svg_marker_sscce
- cd react-native-svg_marker_sscce
- yarn
- react-native run-ios
- sample code renders on simulator/device without markers
Describe what you expected to happen:
-
The Path rendered from the sample code should show a marker at the end of the path. The marker does not appear
-
Using snack on the web with the same sample code, markers show correctly
Short, Self Contained, Correct (Compilable), Example
Sample code used to repro the issue
<Svg width="400" height="200" viewBox="0 0 4000 2000">
<Defs>
<Marker
id="Triangle"
viewBox="0 0 10 10"
refX="0"
refY="5"
markerUnits="strokeWidth"
markerWidth="4"
markerHeight="3"
orient="auto"
>
<Path d="M 0 0 L 10 5 L 0 10 z" />
</Marker>
</Defs>
<Rect
x="10"
y="10"
width="3980"
height="1980"
fill="none"
stroke="blue"
strokeWidth="10"
/>
<Path
d="M 1000 750 L 2000 750 L 2500 1250"
fill="none"
stroke="black"
strokeWidth="100"
markerEnd="url(#Triangle)"
/>
</Svg>
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:6
Top Results From Across the Web
Developers - Markers are broken on iOS and Android - - Bountysource
Bug. Markers do not render on both iOS and Android with latest v12.1.0. Unexpected behavior. Reusing the sample code to render markers on...
Read more >SDK 44 upgrade - basic map marker functionality is broken ...
Summary This case refers to basic functionality of map markers which has broken since upgrading to SDK 44. These issues do not reproduce...
Read more >Markers now not showing up in google maps on iPhone
Markers now not showing up in google maps on iPhone ... Those who are viewing the same map on the app on their...
Read more >Unable to show custom markers while using clustering
I have an issue with custom markers on google maps while using ... Also didTap cluster method is not working, app is simply...
Read more >Draw in apps with Markup on iPhone - Apple Support
In a supported app, tap the Show Handwriting Tools button or Markup. · In the Markup toolbar, tap the pen, marker, or pencil...
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 Free
Top 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
I have the same issue with version 12.1.0 of the library. The same code renders correctly with version 11.0.1.
This still doesn’t work even after adding
fill
… https://github.com/react-native-svg/react-native-svg/issues/1739Can anyone please help.