前言
本文介绍 npm 包 photo-editor-sdk-react-native 的使用教程，该包可用于编辑图片、添加滤镜效果等操作。本文将介绍如何使用该 npm 包，包括获取 SDK，安装依赖、使用方法和示例代码。
获取 photo-editor-sdk-react-native
该 npm 包可以在 GitHub 上获取，这里给出获取地址：https://github.com/imgly/pesdk-react-native。
安装依赖
在安装依赖包之前，需要在本地安装 npm 和 React Native。如果 npm 和 React Native 已安装，可直接进行下一步。
使用 npm 命令安装 photo-editor-sdk-react-native 的依赖包：
npm install photo-editor-sdk-react-native --save
接着安装 react-native-camera-roll-picker：
npm install react-native-camera-roll-picker --save
安装完成后，运行以下命令来自动链接包：
react-native link photo-editor-sdk-react-native react-native link react-native-camera-roll-picker
使用方法
导入 npm 包并创建编辑器：
-- -------------------- ---- -------
------ - ----- - ---- -------------------------------
----- -------- ------------------- -
--- -
----- - ------ - - ----- ---------------------------------------------
-- ------- --- ---------- -
----- ------ - ----- ------------------
------ ------------------------
------------ -----
------------- -------
-------------- ---
--------------------- -----------
-------------------- -----
--------- ------ -- -
-------------------- -- -------
--
--
-- -------- -
------------------ -----------------
-
- ---- -
----- --- ----------------- --- ---------
-
- ----- ----- -
------------------- --- ------ ----- ------- ----------------
-
-在以上代码中，首先使用相机和照片滚动权限获取权限。然后使用 PESDK.openEditor 方法来打开编辑器。
示例代码
以下是完整的示例代码，可用于打开相机或相册中的图片并在编辑器中进行操作：
-- -------------------- ---- -------
------ ----- ---- -------
------ -
-----------
-----
-----------------
-----
------
- ---- --------------
------ -
------
-----------------
- ---- -------------------------------
------ ---------------- ---- ---------------------------------
------ ------- ----- --- ------- --------------- -
------------------ -
------------
---------- - -
------ ----------
---------- ------
-
-
--------------- - ----- -- -- -
----- - ----- - - ----- -----------------------------
---------- --------
--------- ---
--------- --
--
----- ----- - -----------------------
---------------
------
---------- -----
--
-
-------------- - ----- -- -- -
----- - ------ - - ----- ----------------------------------------
-- ------- --- ---------- -
----- ------ - ----- ------------------
----------- -------
---------- ------
------------ -----
---------------------- ------
--
-- -------- -
---------------
------ -------------
---------- -----
--
-
- ---- -
----- --- ----------------- --- ---------
-
-
------------ - ----- -- -- -
----- - ------ - - ----- ---------------------------------------------
-- ------- --- ---------- -
----- ------ - ----- ------------------
------ -----------------
------------ -----
------------- -------
-------------- ---
--------------------- -----------
-------------------- -----
--------- ------ -- -
-------------------- -- -------
--
--
-- -------- -
------------------ -----------------
-
- ---- -
----- --- ----------------- --- ---------
-
-
------------- - -- -- -
---------------
---------- ------
--
-
-------- -
----- - ------ --------- - - ----------
------ -
----- -------------------------
------- - -
----- --------------------------------
-----------------
---------------------
------------------------------
-
----- ----------------------------------------
-------------------
-----------------
---------------------
-----------------------------
-
----- ---------------------------------------
-------------------
-------
- - -
------
------
------------- -------
--------------------
--
-----------------
-------------------------
---------------------------
-
----- -------------------------------------
-------------------
-------
--
---------- -- -
-----------------
-------------------
----------------
----------------------------
--
--
-------
-
-
-
----- ------ - -------------------
---------- -
----- --
--
----------------- -
----- --
-------------- ------
--------------- ---------
----------- ---------
--
------- -
------------------ ---
---------------- ---
---------------- -------
----------------- ---
------------- ---
--
----------- -
--------- ---
----------- -------
--
------ -
------ -------
------- ------
--
----------- -
------------------ ---
---------------- ---
---------------- -------
----------------- ---
---------- ---
------------- ---
--
--总结
以上是 photo-editor-sdk-react-native 的使用教程，本文介绍了如何获取该 npm 包、安装依赖和使用方法，同时提供了使用示例代码。希望本文能够帮助读者学习和使用 photo-editor-sdk-react-native 包，并有所收获。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005673181e8991b448e3b60