Javascript 如何在react native中实现草稿卡/视图?
我正在寻找一个在react native中实现scratch卡的包。我找到了这个库,但问题是它只在android上工作。是否有一个可以在iOS和android上运行的库,或者我可以用纯javascript实现这个库?您可以使用这个库为iOS和android实现scratch卡 通过运行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
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的链接: