如何在react native中使用svg绘制箭头线

npm install react-native-svg --save

import React from 'react';
import { Svg, Line, Defs } from 'react-native-svg';

render() {
  return (
    <Svg height="100" width="100">
      <Defs>
        <marker
          id="arrow"
          markerWidth="10"
          markerHeight="10"
          refX="0"
          refY="3"
          orient="auto"
          markerUnits="strokeWidth"
        >
          <path d="M0,0 L0,6 L9,3 z" fill="#000" />
        </marker>
      </Defs>
      <Line
        x1="0"
        y1="50"
        x2="100"
        y2="50"
        stroke="black"
        strokeWidth="2"
        markerEnd="url(#arrow)"
      />
    </Svg>
  );
}