如何在React Native中实现多色进度圆条？

Question

我有一个运行 150 分钟的圆形进度条。直到 150 分钟，进度的描边颜色应为绿色，并且应完成最后一圈。 150 分钟后，进度应继续进行，同时描边颜色应从绿色变为蓝色，而不改变之前完成的颜色

我已经尝试了所有进度条库，但没有得到我想要的结果。

我希望进度条看起来像这样，

Answer 1

您可以使用此库：https://www.npmjs.com/package/react-native-progress-circle-gradient

它在基础上使用react-native-skia（https://shopify.github.io/react-native-skia/），如果您需要任何附加功能，这将为您提供帮助。