Question

我正在寻找一种在react-native中实现刮刮卡的软件包。我已经找到了该库https://github.com/thebylito/react-native-scratch-card，但问题是它仅适用于android。是否有可以在iOS和android上运行的库，还是可以用纯JavaScript来实现？

Answer 1

您可以使用此https://github.com/romangua/react-native-scratch-view库为iOS和android实施刮刮卡。

运行即可安装

npm install react-native-scratch-view --save

链接之后

react-native link react-native-scratch-view

如果在运行安装命令后终端中出现404 not found错误。您可以这样做：

1-打开您的package.json文件

2-在您的依赖项中执行以下操作：

"dependencies":{
    "react-native-scratch-view": "romangua/react-native-scratch-view",
}

3-之后运行npm install，您可以使用import ScratchImageView from 'react-native-scratch-view';

在项目中直接使用它

我在Android和iOS上都使用相同的库，并且在这两个库上都可以使用。

希望这会有所帮助！

Answer 2

您可以使用我制作的库：react-native-scratch

npm install react-native-scratch --save

此库同时支持Android和iOS，并允许您在应用中使用多个草稿视图，例如带有草稿卡的FlatList。

其他功能包括：

自动填充包含视图以覆盖其内容，直到您抓取为止
加载图像时要使用的用户定义的背景颜色
您可以从应用程序中的url或资源文件中设置图像（或不设置）图片）
支持图像调整大小模式（拉伸/覆盖/包含）
用户定义的画笔大小和划痕阈值
触摸事件（以防止在刮擦时滚动ScrollView / FlatList）
抓取进度报告
当草稿视图到达其淡入淡出动画（可选）时刮擦阈值

如何在本机中实现刮刮卡/视图？

2 个答案: