javascript - 如何在 react-native 中实现刮刮卡/ View ？

Question

我正在寻找一个包来在 react-native 中实现刮刮卡。我找到了这个图书馆 https://github.com/thebylito/react-native-scratch-card但问题是它只适用于安卓。是否有同时适用于 iOS 和 android 的库，或者我可以用纯 javascript 实现它吗？

Answer 1

你可以使用我制作的库:react-native-scratch

npm install react-native-scratch --save

此库同时支持 Android 和 iOS，使您能够在您的应用中使用多个临时 View ，例如 - 带有临时卡的 FlatList。

其他功能包括:

• 自动填充包含 View 以覆盖其内容，直到您从头开始
• 加载图像时用户定义的背景色
• 您可以从 url 或应用程序中的资源文件设置图像(或不图像)
• 支持图像调整模式(拉伸(stretch)/覆盖/包含)
• 用户定义画笔大小和划痕阈值
• 触摸事件(停止 ScrollView/FlatList 在抓取时滚动)
• 边抓边报告进度
• 当 scratch view 到达它的位置时淡入淡出动画(可选)划痕阈值