只需嘗試使用以下代碼繪制箭頭線
import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import Svg, { Defs, Line, Marker, Path } from "react-native-svg";
export default function App() {
return (
<Svg>
<Defs>
<Marker
id="arrow"
refX={0}
refY={3}
markerWidth="6"
markerHeight="6"
orient="auto"
>
<Path d="M 0 0 L 6 3 L 0 6 z" fill={"red"} stroke={"red"} strokeWidth="2" />
</Marker>
</Defs>
<Line
x1={80}
y1={80}
x2={220}
y2={220}
stroke={"green"}
strokeWidth="2"
markerEnd="url(#arrow)"
/>
</Svg>
);
}
上面的代碼在iOS上畫了一條帶箭頭的線，但在Android上根本不起作用，它在Android上畫了一條沒有markerEnd的簡單線。
這是一個錯誤，還是我做錯了什么？
此處的實時示例https://snack.expo.dev/@vedexpo/d2ed3c清楚地表明它不適用于 Android。
謝謝。
uj5u.com熱心網友回復：
經過無數小時試圖找到解決方案并失敗后，我的專案中遇到了這個問題。我放棄并使用了Polygon. 它適用于Android和IOS
<Polygon
points="215,225, 225,215, 228,228"
fill="green"
/>
修改了你的零食代碼，你可以在這里查看
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/459447.html
上一篇：在一行內對齊按鈕和按鈕內容