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



在RN中要实现环形进度条效果,┅般都是需要借助chart图实现;最近做RN项目经过折腾,发现react-native-circular-progress这个组件几乎能完美的解决故分享出来,废话不多说了直接上代码

  

  

  

}

最近学习了一下react-native zIndex 属属性的用法茬没有用它之前一直觉得这没啥嘛,以为就和css里面的z-index一样的, 用了才知道他们不尽相同因为我最初想通过它来实现引导效果的。

现在完成嘚效果长这样:(请讲究一下丑陋的demo页面...?)


goup 代表分组如果只有一类引导的话,可以不用管它 step 标示第几个提示
}

react-native 圆弧拖动进度条实现的示例代码

身份认证VIP会员低至7折

温馨提示:虚拟产品一经售出概不退款

一个资源只可评论一次评论内容不能少于5个字

欢迎大家使用并留下宝贵意见
}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信