Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在react native中实现草稿卡/视图?_Javascript_React Native_Scratchcard - Fatal编程技术网

Javascript 如何在react native中实现草稿卡/视图?

Javascript 如何在react native中实现草稿卡/视图?,javascript,react-native,scratchcard,Javascript,React Native,Scratchcard,我正在寻找一个在react native中实现scratch卡的包。我找到了这个库,但问题是它只在android上工作。是否有一个可以在iOS和android上运行的库,或者我可以用纯javascript实现这个库?您可以使用这个库为iOS和android实现scratch卡 通过运行 npm install react-native-scratch-view --save 在那之后链接它 react-native link react-native-scratch-view 如果在运行in

我正在寻找一个在react native中实现scratch卡的包。我找到了这个库,但问题是它只在android上工作。是否有一个可以在iOS和android上运行的库,或者我可以用纯javascript实现这个库?

您可以使用这个库为iOS和android实现scratch卡

通过运行

npm install react-native-scratch-view --save
在那之后链接它

react-native link react-native-scratch-view
如果在运行install命令后,终端中出现404 not Found错误。您可以这样做:

1-打开package.json文件

2-在依赖项中,执行以下操作:

"dependencies":{
    "react-native-scratch-view": "romangua/react-native-scratch-view",
}
3-在此之后运行
npm install
,您可以使用
import ScratchImageView从“react native scratch view”直接在项目中使用它

我在Android和iOS上使用同一个库,它在这两个平台上都工作


希望这有帮助

您可以使用我创建的库:react native scratch

npm install react-native-scratch --save
该库支持Android和iOS,并允许您在应用程序中使用多个scratch视图,例如,带有scratch卡的平面列表

其他功能包括:

  • 自动填充包含视图以覆盖其内容,直到您抓取为止
  • 加载图像时要使用的用户定义的背景色
  • 您可以从应用程序中的url或资源文件设置图像(或不设置) (完全是图像)
  • 支持图像大小调整模式(拉伸/覆盖/包含)
  • 用户定义的笔刷大小和划痕阈值
  • 触摸事件(在抓取时阻止滚动视图/平面列表滚动)
  • 抓挠时的进度报告
  • 当“划痕”视图到达其初始位置时淡入淡出动画(可选) 划痕阈值

太好了,谢谢。我以前尝试过npm安装这个软件包,但我遇到了404错误,我甚至在他们的GitHub repo上发现了一个问题。我没有想到要从package.json文件中更改它。下载这个软件包的另一个解决方法是:
npm install romangua/react native scratch view--save
在项目中找到package.json文件,只需像上面那样将依赖项行粘贴到该文件中,然后运行npm install,它将自动安装。你能发送到这个repo的链接吗?你能发送一个消息给他吗链接?我在滚动视图中使用时遇到问题这是github的链接: