如何使用React Native制作圆形加载条

2025-04-30 16:59:02
推荐回答(1个)
回答1:

SVG主要是用Circle进行绘制,关于Circle使用可以看 这里 。我们先绘制第一个圆,用于底色。接下来我们只需要在上面绘制一个带有色彩的圆(切记不要填充颜色fill="none")。这个时候我们需要了解两个关键的属性;
stroke-dasharray: 用于控制路径绘制中虚线和间距的。例子中的即圆的周长。
stroke-dashoffset: 用于指定距离虚线绘制的起点