在移动端开发中，我们常常需要使用到相机和相册等功能。react-native-smart-camera-roll-picker 是一个方便的 npm 包，它可以让我们实现相机拍照或者在相册中选取某张图片的功能。
安装
使用 npm 安装：
npm install react-native-smart-camera-roll-picker --save
为了避免使用过程中出现问题，建议安装完这个依赖后，立即进行重新编译，以防不必要的错误。
使用
- 导入组件
import CameraRollPicker from 'react-native-smart-camera-roll-picker'
- 调用组件
-- -------------------- ---- ------- ----------------- ------------------------------- ------------------- ------------ ----------------------------- ------------------------ ----------- ---------------- --------------- --------------------------------- --
参数说明
scrollRenderAheadDistance：预加载区域，默认值为500pxinitialListSize：开始加载的图片数量，默认为1pageSize：每一页图片的数量，默认为3removeClippedSubviews：性能优化参数，设置为false即可，默认为truegroupTypes：选定配置的照片组类型。默认SavedPhotos。maximum：最大可选择数量。imagesPerRow：每一行显示的图片数量。imageMargin：每一张图片之间的间隔。callback：选取照片后的回调函数，返回一个数组参数，包含选定的照片的路径。
示例代码：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----------- ----- ---- - ---- ---------------
------ ---------------- ---- ----------------------------------------
------ ------- ----- --- ------- --------- -
------------------ -
-------------
---------- - -
--------------- --
--
-
------------------------- -
---------------
--------------- ------
---
-
-------- -
------ -
----- -------------------------
-----------------
-------------------------------
-------------------
------------
-----------------------------
------------------------
-----------
----------------
---------------
-------------------------------------------- --
----- --------------------
--- -------- - -------------------------------- - ------
-------
-------
--
-
-
----- ------ - -------------------
---------- -
----- --
---------------- ----------
---------- --
--
----- -
--------- ---
---------- ---------
------- --
-
---在这段代码中，我们定义了一个 App 组件。在组件的构造函数中，我们定义了一个状态变量 selectedImages，用来存储选定的照片路径。在组件的渲染函数中，我们将组件 CameraRollPicker 调用了一遍，并向它传入了参数。其中的回调函数 getSelectedImages，将会在用户选取完照片之后被执行。同时，我们将生成的照片数组信息，绑定到组件状态上，以便可以在屏幕内显示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005526b81e8991b448cfee2