介绍
react-native-cloudinary 是一个 React Native 的云存储工具库，用来操作 Cloudinary 的服务。它提供了一些简单易用的 API，用于上传图片和视频到 Cloudinary 以及获取对应的 url 等信息。
安装
你可以通过以下命令安装 react-native-cloudinary：
--- ------- ----------------------- ------
用法
首先，在你的 React Native 项目中导入 react-native-cloudinary：
------ ---------- ---- --------------------------
1. 初始化 Cloudinary
使用 Cloudinary 前需要先进行初始化，首先要做的就是在 Cloudinary 官网上注册账号，并获取 API Key 和 API Secret。然后就可以在应用启动的时候进行初始化：
------ ---------- ---- -------------------------- ------------------- ---------- ------------------ ------- --------------- ---------- ------------------ ---
2. 上传图片
react-native-cloudinary 提供了一个 Uploader 类，用于上传图片和视频。
首先，我们需要进行图片的准备工作，即把图片的路径转化为 uri 格式：
----- --------- - ----------------- ----- --- - ----------- -- --------- - --------- - --------- - ----------
然后，使用 Uploader 上传图片，并获取上传结果：
----- ------ - ----- -------------------------------- -------------------------------
3. 上传视频
上传视频和上传图片类似，需要先进行路径的准备：
----- --------- - --------------------- ----- --- - ----------- -- --------- - --------- - --------- - ----------
然后，使用 Uploader 上传视频，并获取上传结果：
----- ------ - ----- ------------------------------------- -------------------------------
4. 获取图片尺寸
可以使用 Cloudinary 对象的 getImageSize 方法获取图片的尺寸：
----- ---- - ----- ----------------------------------------------------------------------------------------- ------------------
5. 其他功能
除了上传图片和视频以及获取图片尺寸外，react-native-cloudinary 还提供了其他一些功能，比如通过传入参数对图片进行裁剪、模糊、旋转等操作，具体请参考官方文档。
示例代码
以下是一个简单的示例代码，用于上传图片到 Cloudinary 并获取对应的 url：
------ ------ - --------- - ---- --------
------ - ----- ----- ----- - ---- ---------------
------ ---------- ---- --------------------------
----- --- ------- --------- -
----- ------------- -
----- --------- - -----------------
----- --- - ----------- -- --------- - --------- - --------- - ----------
----- ------ - ----- --------------------------------
------ ------------------
-
-------- -
------ -
------
------------ ------------
------ --------- ---- ------------------ -- --
-------
--
-
-
------ ------- ----总结
react-native-cloudinary 是一个非常好用的云存储工具库，方便了我们的 React Native 开发。不仅可以用来上传图片和视频，还可以对图片进行一些操作。对于那些需要使用云存储服务的应用来说，react-native-cloudinary 绝对是一个值得推荐的 npm 包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055e8381e8991b448dbe0d