前言
在移动端设备中，Touch ID 是一项非常方便的认证方式，并且在 APP 中经常会被使用到。在 React Native 中，有一款非常好用的 Touch ID 认证组件包 - react-native-cute-touch-id，它可以很方便地在你的 React Native 应用中实现 Touch ID 识别功能。本文将详细介绍该 npm 包的使用教程。
安装
在项目根目录下执行以下命令：
--- ------- -------------------------- ------
如果你使用的是 yarn，则可以执行以下命令：
---- --- --------------------------
使用方法
导入
在你需要使用该组件的 JS 文件中导入依赖包：
------ ------- ---- -----------------------------
执行 Touch ID 识别
------------------------------ -------
------------- -- -
-- ----- -- ----
--
------------ -- -
-- ----- -- ----
---在 authenticate 方法中，第一个参数是 Touch ID 弹窗内提示的信息，第二个参数是如果 Touch ID 失败，弹窗中出现 “输入密码” 按钮时，该按钮的文本。
该方法返回一个 Promise 对象。当 Touch ID 验证成功时，resolve 会传递一个 success 相关的信息，而当 Touch ID 验证失败时，reject 会传递一个 error 相关的信息。
检测 Touch ID 是否可用
---------------------
--------------- -- -
-- ----- -- -- ---------
--
------------ -- -
-- ----- -- --- ---------
---该方法返回一个 Promise 对象。当 Touch ID 可用时，resolve 会传递一个 supported 相关的信息，而当 Touch ID 不可用时，reject 会传递一个 error 相关的信息。
取消 Touch ID 识别
----------------------------
该方法可以用于取消正在进行的 Touch ID 验证。
示例代码
以下是一个使用 react-native-cute-touch-id 实现 Touch ID 验证的示例，你可以将其加入到你的 React Native 应用中体验。
------ ------ - --------- - ---- --------
------ - ----- ----- ---------------- - ---- ---------------
------ ------- ---- -----------------------------
------ ------- ----- --- ------- --------- -
----- - - ----------- ----- --
----- ------------------- -
--- -
----- ---------- - ----- ------------------------------ ----------------------------
--------------- ---------- ---
- ----- --- -
---------------
-
-
-------- -
------ -
----- -------- ----- -- --------------- --------- ----------- -------- ---
---------------------- - -
----------- -- -----------
- - -
----------------- ----------- -- ------------------------------
-------- ----- -- ---------
-------------------
--
-------
--
-
-总结
在 React Native 应用中实现 Touch ID 识别功能，可以大大提高用户体验。通过使用 react-native-cute-touch-id 这款 npm 包，可以非常方便地实现 Touch ID 识别，该组件包提供了易于理解和简单易用的方法和属性，可以大大减少代码量，并节省许多时间。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056ce481e8991b448e6975