在 React Native 开发过程中，我们经常需要访问用户手机中的图片库。而 react-native-get-gallery-image 是一款方便快捷地访问手机图片库的 npm 包。本文将为大家介绍如何使用 react-native-get-gallery-image。
安装
首先，在命令行输入以下命令安装 react-native-get-gallery-image：
npm install react-native-get-gallery-image --save
使用
- 引入模块：
import GalleryImage from 'react-native-get-gallery-image';
- 设置图片参数：
-- -------------------- ---- -------
--- ------- - -
------ ------- -------
----------------------------- ------- ---- ------------
--------------------- ----- - ----------
------------------ ---------
-------- ----
--------------- -
----------- -----
----- ---------
--
--其中，配置项如下：
- title：弹窗的标题
- chooseFromLibraryButtonTitle：从图片库中选取图片的按钮文本
- takePhotoButtonTitle：拍摄照片的按钮文本
- cancelButtonTitle：取消按钮文本
- quality：图片质量，为 0 到 1 之间的数字
- storageOptions：保存图片的选项
- 调用方法：
-- -------------------- ---- -------
-------------------------- ---------- -- -
--------------------- - -- ----------
-- -------------------- -
----------------- --------- ----- ---------
- ---- -- ---------------- -
------------------------ ------ -- ----------------
- ---- -- ----------------------- -
----------------- ------ ------ ------- -- -----------------------
- ---- -
----- ------ - - ---- ------------ --
-- --- --- ---- ------- --- ----- ----- -----
-- ----- ------ - - ---- ------------------------- - ------------- --
-- -- --------- ---- --- -------- -----
-
---当用户选择了一张图片后，函数会得到一个包含图片信息的 response 对象。response 对象包含以下属性：
- uri：图片的本地路径
- type：图片的格式
- fileName：图片的文件名
- fileSize：图片的文件大小
完整示例代码
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ----- ----- - ---- ---------------
------ ------------ ---- ---------------------------------
----- --- ------- --------- -
------------------ -
-------------
---------- - -
------------ -----
--
-
------------- -
--- ------- - -
------ ------- -------
----------------------------- ------- ---- ------------
--------------------- ----- - ----------
------------------ ---------
-------- ----
--------------- -
----------- -----
----- ---------
--
--
-------------------------- ---------- -- -
--------------------- - -- ----------
-- -------------------- -
----------------- --------- ----- ---------
- ---- -- ---------------- -
------------------------ ------ -- ----------------
- ---- -- ----------------------- -
----------------- ------ ------ ------- -- -----------------------
- ---- -
----- ------ - - ---- ------------ --
---------------
------------ -------
---
-
---
-
-------- -
------ -
----- -------- ----- -- --------------- --------- ----------- -------- ---
----- -------- --------- -- ----------------
------
-------------------------------
-------- ------ ---- ------- ---- ------- -- --
--
------- ------------- ------ ----------- -- ------------------- --
-------
--
-
-
------ ------- ----结语
React Native 作为一款跨平台开发框架，已经广泛应用于移动应用开发领域。react-native-get-gallery-image npm 包为我们提供了获取手机图片库中图片的功能，方便快捷，是我们开发过程中的良好助手。希望本文能够帮助到各位开发者。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005533781e8991b448d07c0