程序员经验分享-hwhale

如何在react-native中实现刮刮卡/视图？

2024-01-02

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


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

npm install react-native-scratch --save

该库支持 Android 和 iOS，使您能够在应用程序中使用多个刮刮视图，例如带有刮刮卡的 FlatList。

其他功能包括：

  • 自动填充包含视图以覆盖其内容，直到您刮擦为止
  • 加载图像时使用的用户定义的背景颜色
  • 您可以从应用程序中的 url 或资源文件设置图像（或者不设置） 完全没有图像）
  • 支持图像调整大小模式（拉伸/覆盖/包含）
  • 用户定义画笔大小和划痕阈值
  • 触摸事件（阻止 ScrollView/FlatList 在刮擦时滚动）
  • 抓挠时的进度报告
  • 当暂存视图达到其值时淡出动画（可选） 刮擦阈值
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

ReactNative

scratchcard

如何在react-native中实现刮刮卡/视图？ 的相关文章

随机推荐

  • 将训练好的 Tensorflow 模型转换为 protobuf

    初始网络中Android Tensorflow 演示 https github com tensorflow tensorflow tree master tensorflow examples android将模型存储为 protobuf

  • 使用通用方法的代码分析警告 CA1004

    我有以下通用方法 Load an object from the disk public static T DeserializeObject

  • 如何从Powershell调用批处理脚本？

    我有一个大批处理脚本 它设置一堆环境变量 我想从 powershell 调用该批处理脚本 这样我就可以获得脚本和 powershell 设置的环境变量的好处 如果你抓住了PowerShell 社区扩展 https github com Ps

  • 延迟限制 http api 调用

    我正在尝试对 REST API 实施一些限制 A典型方法 http django tastypie readthedocs org en latest throttling html在某个阈值之后阻止请求 带有403 or 429回复 然而

  • 如何部署：安装夹层主题

    如何准确 一步一步地安装 Mezzanine 主题 E g 现代免费主题 https github com thecodinghouse mezzanine themes 前提条件 0 版本控制 Python 2 7 6 Django 1

  • Node Express 中间件在一次调用中输出 console.log() 两次？

    只是一个关于某些 Node Express 中间件的简单问题 该中间件在我的节点 cmd 提示符中输出 1 个对 console log 的调用两次 它只是没有意义 想知道是否有人可以解释为什么这种情况发生在我身上 服务器 js var e

  • C# 表单控件移动

    是否有办法控制可以移动表单的位置 因此 如果我移动表单 它只能在垂直轴上移动 当我尝试水平移动它时 什么也不会发生 我不想要一个有缺陷的实现 比如位置更改或移动事件并将其内联弹出 我没有办法使用 WndProc 覆盖之类的东西 但搜索了一段

  • 为什么 C# 4.0 允许匿名对象初始化代码中的尾随逗号？ [复制]

    这个问题在这里已经有答案了 可能的重复 内联属性初始化和尾随逗号 https stackoverflow com questions 5245152 inline property initialisation and trailing c

  • 如何根据给定的计数动态添加单选按钮？

    我已经尝试过这段代码 当模拟器启动时 它将在一行中显示三个单选按钮 但我需要一个按钮事件 IE 如果我单击该按钮 它应该询问单选按钮的数量 那么如果我给出计数 它必须根据给定的计数显示单选按钮 例如 如果我将计数指定为 3 则它必须在一行中

  • 为类模板声明用户定义的 OpenMP 缩减

    使用 OpenMP 时 我想为类模板声明用户定义的缩减 include

  • 如何在 Prometheus 或 Grafana 上编写“或”逻辑运算符

    我需要编写一个使用我定义的任何不同作业的查询 job traefik OR job cadvisor OR job prometheus 是否可以编写逻辑二元运算符 普罗米修斯有一个or逻辑二元运算符 但您在这里问的是向量选择器 您可以为此

  • 当 UserControl 更改可见性时聚焦于 TextBox

    我在画布内加载了一个用户控件 默认情况下 此用户控件的可见性已折叠 当我的窗口的特定文本框聚焦时 用户控件变得可见 当用户控件变得可见时 我想将焦点设置到用户控件内的另一个文本框 我尝试这样做 private void UserContro

  • 从 USRP N210 设备检索数据

    N210 连接到 RF 前端 该前端使用 GNU Radio Companion 进行配置 我可以通过 FFT 图看到信号 我需要接收到的信号 usrp2 输出 作为数字 usrp sense spectrum py 也将功率和噪声地板输出

  • 即使有 0 个连接，Aws Aurora Serverless v2 也不会缩减至 0.5 ACU

    我正在运行一个 v2 实例 并且根据 aws 文档 您应该只为实际使用的资源付费 我有一个实例 大多数时候连接数为 0 但它永远不会缩减到 2 个 ACU 以下 请参阅下面的图片以供参考 我的实例设置在 0 5 16ACU 之间扩展 但负载

  • 如何更改使用“rails new”命令创建的默认 gemfile？

    我最近遇到一个问题 我必须将以下内容添加到我的 gemfile 中 gem execjs gem therubyracer 我必须这样做以避免启动 Rails 服务器时发生 JavaScript 运行时错误 我希望将此修改添加到使用 Rai

  • 评估具有许多未知因素的项目

    我正在开展一个具有许多未知因素的项目 例如将应用程序从一个平台移动到另一个平台 我最初的估计有很大偏差 我无法真正确定这一切何时结束 我该如何处理无法评估这样的项目的情况 这并不是说我要在屏幕上添加一个按钮或设计一个网站 或创建应用程序 甚

  • run()方法后线程继续运行

    我在游戏中播放声音时遇到问题 当处理声音播放的线程退出它的 run 方法时 它不会终止 结束 停止 我知道正是这种方法导致了问题 因为当我将整个事情注释掉时 就不会创建更多线程了 用 JVisualVM 检查 问题是退出 run 方法后线程

  • 在 UWP 应用程序上使用 VB.net 获取 IPGlobalProperties

    我正在 Visual Studio 2017 中使用 VB 编写一个非常简单的通用 Windows 应用程序 该应用程序应该向用户提供基本的网络信息 因此我想使用以下方式收集数据IPGlobalProperties并打印 作为第一个例子 D

  • 如何将种子数据放入SQL Server docker镜像中？

    我有一个使用 ASP NET Core 和 SQL Server 的项目 我正在尝试将所有内容放入 docker 容器中 对于我的应用程序 我需要在数据库中有一些初始数据 我可以使用来自 microsoft microsoft mssql

  • 如何在react-native中实现刮刮卡/视图？

    我正在寻找一个包来在反应本机中实现刮刮卡 我找到了这个图书馆https github com thebylito react native scratch card https github com thebylito react nati

热门标签