Skip to content

Instantly share code, notes, and snippets.

@clarkg
Last active November 14, 2024 21:33
Show Gist options
  • Save clarkg/b3cf2f50403f7e436bccb24cb55fe90b to your computer and use it in GitHub Desktop.
Save clarkg/b3cf2f50403f7e436bccb24cb55fe90b to your computer and use it in GitHub Desktop.
react-native-svg path fill bug repro
const ReproComponent = () => {
const [color, setColor] = useState("#0000FF");
return <>
<Svg width={12} height={15} viewBox="0 0 12 15" fill="none">
<Path
d="M1 3.353C1 2.053 2.053 1 3.353 1H8.647C9.947 1 11 2.053 11 3.353V13.207C11 13.3008 10.9736 13.3927 10.9238 13.4722C10.874 13.5518 10.8029 13.6157 10.7185 13.6567C10.6341 13.6976 10.5399 13.7141 10.4466 13.7041C10.3533 13.694 10.2648 13.658 10.191 13.6L7.202 11.25C6.99452 11.0876 6.7385 10.9995 6.475 11H3.353C2.72895 11 2.13045 10.7521 1.68918 10.3108C1.2479 9.86955 1 9.27105 1 8.647V3.353Z"
stroke={color}
fill={color}
strokeOpacity={0.5}
strokeWidth={1.5}
/>
</Svg>
<TouchableOpacity onPress={setColor("none")}>Click to remove color</TouchableOpacity>
</>;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment